tabindex グローバル属性は要素が入力フォーカスを持てる (focusable) 場合に、シーケンシャルなキーボードナビゲーションに参加するか、また参加する場合はどの位置に入るかを示す整数値属性です。さまざまな値をとることができます:
- 負数は、要素はフォーカスを持つことが可能であるがシーケンシャルなキーボードナビゲーションでは到達できないことを表します。
0は、要素はフォーカスを持つことが可能でありシーケンシャルなキーボードナビゲーションで到達できるが、その相対的な順序はプラットフォームの慣習により定められることを表します。- 正数は、要素はフォーカスを持つことが可能でありシーケンシャルなキーボードナビゲーションで到達できることを表します。またその相対的な順序は属性の値で定義され、tabindex の数値の昇順に従います。複数の要素が同じ tabindex を共有する場合は、その相対的な順序は文書内における要素の相対的な位置に従います。
tabindex の値が 0、無効な値、あるいは値が存在しない要素は、シーケンシャルなキーボードナビゲーションで、正数の tabindex を持つ要素より後に並びます。
こちらの記事で、フォーカス管理の包括的な使用例をご覧いただけます。
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| WHATWG HTML Living Standard The definition of 'tabindex' in that specification. |
Living Standard | 最新のスナップショットである HTML5.1 から変更なし。 |
| HTML5.1 The definition of 'tabindex' in that specification. |
草案 | WHATWG HTML Living Standard のスナップショットであり、HTML5 から変更はありません。 |
| HTML5 The definition of 'tabindex' in that specification. |
勧告 | WHATWG HTML Living Standard のスナップショット。すべての要素でこの属性をサポートするようになりました (グローバル属性化)。 |
| HTML 4.01 Specification The definition of 'tabindex' in that specification. |
勧告 | <a>、<area>、<button>、<object>、<select>、<textarea> 要素のみサポートします。 |
ブラウザ実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | (有) | (有) | (有) | (有) | (有) |
| 機能 | Android | Android 版 Chrome | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| 基本サポート | (有) | (有) | (有) | (有) | (有) | (有) |
関連情報
- すべてのグローバル属性。
HTMLElement.tabindexは、この属性を反映します。