tabindex属性

概要

tabindex属性とは、HTMLの要素(タグ)の中で設定することができる属性(attribute)の一つで、Tabキーを押した際のフォーカスが移動する順序を指示するもの。

主にパソコン向けのWebブラウザにはキーボードで操作する機能があり、通常はTabキー（タブキー）を押すとページ上の要素のフォーカス（選択状態）が順番に移動していく。何も指定がない場合、HTML ソースコード内での出現順が要素の順序となる。

tabindex属性属性を指定すると、このTabキーによるフォーカス遷移の順序を明示的に指定することができる。値として1以上の整数を指定された要素は、その値の小さい順にフォーカスが移動していく。最大値は32767である。値は連続している必要はなく、同じ値を複数の要素に指定しても構わない（ソース上の出現順に従う）。

特殊な値として、「-1」を指定すると、その要素はTabキーによるフォーカス遷移から外される。その場合、画面上でのマウス操作やタッチ操作、あるいはスクリプトによるフォーカスは受け付ける。また、「0」を指定するとHTML ソース上での出現順に応じて順序が決定される。これは何も指定しない場合と同じ状態である。

HTML 4.01ではaタグ、areaタグ、buttonタグ、object タグ、selectタグ、textareaタグの属性として指定することができる。HTML5では、これらに限定されずすべての要素にtabindex属性を指定することができる。

(2022.10.19更新)