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

accessibility-logo Webアクセシビリティ

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

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

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

 

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

 

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

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

tabindex - HTML: HyperText Markup Language | MDN
tabindex グローバル属性は、要素が入力フォーカスを持てることと、キーボードの順次ナビゲーション (ふつうは名前の由来である Tab キーによる) に加わるかどうか、どの位置に加わるかを示します。

 

tabindexの使い方。簡単に。

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

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

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

 

 

コメント

タイトルとURLをコピーしました