TabkeyのナビゲーションHTML

Question

私は3つのボタンを持っています： "キャンセル"、 "前へ"と "次へ"は、これらの3つのボタンにのみタブナビゲーションを制限する方法です。希望のタブのキーサイクル：Next->Prev->Cancel->Next->... これを実現する方法はありますか？

編集： 私は、タブの順次ナビゲーションでアクセスしたくないすべての要素をtabindex="-1"で飾る必要がありますか？このようにアクセスしたくない要素がたくさんある場合はどうすればいいですか？

編集2：以下の答えは、ブラウザのアドレスバーにタブキーをジャンプさせるので、私にとっては良い解決策ではありません。

Answer 1

負の値でtabindexを使用すると、このトリックを行う必要があります。 https://www.w3.org/TR/html5/editing.html#sequential-focus-navigation-and-the-tabindex-attribute

編集： うん、それがない：https://jsfiddle.net/Lgmxmsfm/
少なくとも私のクロームに。

<a tabindex="1" href="#">first</a><br/> 
<a tabindex="3" href="#">third</a><br/> 
<a tabindex="-3" href="#">nope</a><br/> 
<a tabindex="2" href="#">second</a> 

Answer 2

負tabindex値は、要素がフォーカス可能でなければならないことを意味するが、シーケンシャルキーボードナビゲーションを介して到達可能であってはなりません。

<button tabindex="1">Next</button> 
 
<button tabindex="3">Prev</button> 
 
<button tabindex="2">Cancel</button> 
 

 
<button tabindex="-1">Other</button>