HTML
タブインデックス
サーチ…
パラメーター
| 値 | 意味 |
|---|---|
| 負 | 要素はフォーカス可能ですが、シーケンシャルなキーボード操作では到達できません |
| 0 | 要素はキーボードシーケンシャルナビゲーションでフォーカス可能で到達可能ですが、相対順序はプラットフォーム規約で定義されています |
| ポジティブ | 要素は、シーケンシャルなキーボードナビゲーションを介してフォーカス可能でアクセス可能でなければなりません。それは相対的な順序は、属性値によって定義されます：シーケンシャルは、 tabindex増加する数に従います |
備考
tabindexの最大値は、W3Cセクションごとに32767を超えてはならない17.11.1指定されたデフォルト値が-1でない限り
値0、無効な値、またはtabindex値を持たない要素は、キーボードナビゲーションの順番に正のインデックスを持つ要素の後に置く必要があります。
タブ付け順に要素を追加する
<div tabindex="0">Some button</div>
注 ：必要に応じて、ネイティブHTML buttonまたはaタグを使用してください。
タブ付け順序から要素を削除する
<button tabindex="-1">This button will not be reachable by tab</button>
要素はタブ順からは削除されますが、フォーカスは変更できません。
カスタムタブオーダーを定義する（推奨しない）
<div tabindex="2">Second</div>
<div tabindex="1">First</div>
正の値は、要素をそれぞれの値のタブ順序の位置に挿入します。優先権のない要素（ tabindex="0"またはbuttonやaなどのネイティブ要素）は、優先権のある要素の後に追加されます。
ポジティブ値は、タブ移動の予想される振る舞いを妨害し、スクリーンリーダーに頼っている人々を混乱させる可能性があるため、 お勧めしません 。 DOM構造を並べ替えることで自然な順序を作り出してみてください。
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow