MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

tabindex グローバル属性 は要素が入力フォーカスを持てる (focusable) 場合に、シーケンシャルなキーボードナビゲーションに参加するか、また参加する場合はどの位置に入るかを示す整数値属性です。さまざまな値をとることができます:

  • 負数は、要素はフォーカスを持つことが可能であるがシーケンシャルなキーボードナビゲーションでは到達できないことを表します。
  • 0 は、要素はフォーカスを持つことが可能でありシーケンシャルなキーボードナビゲーションで到達できるが、その相対的な順序はプラットフォームの慣習により定められることを表します。
  • 正数は、要素はフォーカスを持つことが可能でありシーケンシャルなキーボードナビゲーションで到達できることを表します。またその相対的な順序は属性の値で定義され、tabindex の数値の昇順に従います。複数の要素が同じ tabindex を共有する場合は、その相対的な順序は文書内における要素の相対的な位置に従います。

tabindex の値が 0、無効な値、あるいは値が存在しない要素は、シーケンシャルなキーボードナビゲーションで、正数の tabindex を持つ要素より後に並びます。

<div> 要素で tabindex を設定する場合は、子のコンテンツにも tabindex を設定しなければ、矢印キーを使用して子のコンテンツをスクロールできなくなります。tabindex のスクロール効果を理解するため、こちらの fiddle を確認してください

注記: tabindex の最大値は 32767 を超えないようにするべきです。指定しない場合は、既定値の -1 をとります。

仕様

仕様書 策定状況 コメント
HTML Living Standard
tabindex の定義
現行の標準 最新のスナップショットである HTML 5.1 から変更なし。
HTML 5.1
tabindex の定義
勧告 HTML Living Standard のスナップショットであり、HTML5 から変更はありません。
HTML5
tabindex の定義
勧告 HTML Living Standard のスナップショット。HTML 4.01 Specification との違いは、すべての要素でこの属性をサポートしたことです (グローバル属性化)。
HTML 4.01 Specification
tabindex の定義
勧告 <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
基本サポート (有) (有) (有) (有) (有) (有)

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: yyss
 最終更新者: yyss,