tabindex 属性

tabindex 属性は、TAB キーなど、キーボード操作によるフォーカス移動 （Sequential focus navigation） の優先順位を指定します。

tabindex 属性はグローバル属性に分類され、すべての HTML 要素において使用することができます。tabindex 属性は、整数を値として持つことができます。

• tabindex 属性がない場合
• 値が不正 （空文字列含む） な場合
• 値が負の整数の場合
• 値が 0 の場合
• 値が正の整数の場合

それぞれにおいて、下記のように挙動と優先順位が定められています。

属性値ごとの挙動

tabindex 属性がない、または値が不正な場合

ユーザエージェントは、該当する要素がフォーカス可能か、また Tab キーによるフォーカス移動が可能かを調べ、どちらも可能であれば優先順位を自身で判断する

値が負の整数の場合

フォーカスは可能にする必要があるが、Tab キーによる移動はできないようにする

値が 0 、または正の整数の場合

フォーカスを可能にし、Tab キーによる移動も可能にする

属性値ごとのフォーカス優先順位

1. 値に最小の正の整数を持つもの
2. 値に2番目に大きい正の整数を持つもの～以降は小さい順に
3. 値に最大の正の整数を持つもの
4. 値に 0 を持つもの
5. 値が不正、または tabindex 属性持たないが、TAB キーによるフォーカス移動が可能な要素

同列のものがある場合は、文書内での DOM ツリー上、上位に位置するものから順番になります。