tabindex属性を設定したらその他も設定しなければダメ?

Webアクセシビリティ
スポンサーリンク

Webアクセシビリティの試験をしている中で、WCAGか、htmlの規約で、

tabindex属性を設定した場合、同じページにある他の全ての要素にもtabindex属性を設定しなければならない

みたいな記述を見た気がした。

 

でも探してみたけど、そんな記述は無かった。

 

MDNに以下の記述はあった。

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

tabindex - HTML: ハイパーテキストマークアップ言語 | MDN
tabindex グローバル属性は、開発者が HTML要素をフォーカス可能にし、(ふつうは名前の由来である Tab キーによる)順番にフォーカスすることを許可または防止し、順番にフォーカスするための相対順序を決定することができるようにします。

 

tabindexの使い方。簡単に。

tabindex=1以上の数字を指定するのは推奨されていない。

tabindex=0で使うのが基本になると思う。

tabindex=-1みたいに負数で使うと、デフォルトではtabキー連打でフォーカスされない。JS使ってフォーカスさせることは可能。

 

 

コメント