Go to information

tabindex属性

  1. tabindex属性
  2. 指定可能要素

tabindex属性

tabindex属性は Tab によるフォーカス(選択状態)を移動する順番を指定します。通常、Tab を押すことで UA はフォーカスを得ることができるリンクやフォームの各コントロール部品をソースの上から下に順に移動しますが、tabindex属性を使うことで、その順番を変更することができます。たとえば、CSSpostionプロパティで位置指定を行って見た目と記述されているソースとが異なる場合に、UA は上から順にソースコードを解析していくため、フォーカスの順番を見た目どおりに移動できるように tabindex属性を活用するのが有効です。値は "0" から "32767" までの整数を半角数字で指定します。

バージョン
必須
-
非推奨
-
属性値
整数("0" から "32767" まで)

tabindex属性は、アクセシビリティの配慮のため、マウスやノートパソコン付属のトラックパッドなどポインティングデバイス(pointing device)のない環境でも、リンクやフォームのコントーロル部品の移動を Tab でコントロールするために用います。属性値には "0" から "32767" までの整数を半角数字で指定します。値は小さい数字から大きい数字へと順にフォーカスが移動します。ただし、tabindex="0" を指定した要素や tabindex属性を持たない要素は、tabindex属性の値が最も大きい要素にフォーカスが移動した後、順番に選択されます。

なお、tabindex属性をフォームのコントロール部品に指定する場合は、移動する順番と見た目が違ってくると、ユーザーを混乱させてしまうことにもなるので、フォームの入力する順番と見た目とは必ず一致するように指定する数値には注意してください。

tabindex属性を指定できる要素型

現在位置
  1. W3G
  2. XHTML
  3. HTML辞典
  4. tabindex属性
ナビゲーション
ステータス情報
作者
上田 遼
公開
2005-10-02T04:33:56+09:00
更新
2008-12-29T04:27:12+09:00
URI
http://w3g.jp/xhtml/dic/tabindex
検索

直近の制作実績等:大阪人間科学大学 New! / 大阪薫英女子短期大学 New! / セキスイハイム みんなのお国じまん New!