Accessibility
Guidelines

2.4.3 適切なフォーカス順序にする

詳細

キー操作でフォーカス可能な要素は、適切な順序でフォーカスできるようにする。

フォーカスの順序が適切でないと、内容の理解や操作性に影響を受けるものがある。視覚的な順序だけではなく、スクリーンリーダーの読み上げ時やキー操作時にも、適切な順序で操作できるようにする。

たとえば、CSSやJavaScriptを用いてDOMの順序とは異なるレイアウトにしているコンテンツは特に注意が必要である。

レビュー・テスト方法

実装時、コードレビュー時、QAテスト時に下記の項目を確認する。

  • コンテンツの表示順序と、フォーカスされる順序が一致している
  • 一致していない場合、それが意図的なものかを確認する

参考文献