操作可能／2.4 ナビゲート可能
2.4.3フォーカス順序
レベル AFocus Order
フォーカスが移る順番を、意味と操作が通じる自然な順序にする。ダイアログを開いたら中へ、閉じたら元の位置へ、といった移動も含む。ページ全体を一度に見渡せないスクリーンリーダー利用者にとって、視覚的な並びと異なる予測不能な順序は特に混乱を招きやすい。
補足
この達成基準の詳細解説は準備中です。現在は関連パターン・達成方法・原典への参照を掲載しています。
関連する達成方法
この達成基準を満たすための具体的な実装方法です。本サイトでは本文を収録していないため、各リンク先の W3C 原文を参照してください。
十分な達成方法(6)
- C27: Making the DOM order match the visual order（新しいタブで開きます）waic.jp（新しいタブで開きます）
- G59: Placing the interactive elements in an order that follows sequences and relationships within the content（新しいタブで開きます）waic.jp（新しいタブで開きます）
- H102: Creating modal dialogs with the HTML dialog element（新しいタブで開きます）waic.jp（新しいタブで開きます）
- PDF3: Ensuring correct tab and reading order in PDF documents（新しいタブで開きます）waic.jp（新しいタブで開きます）
- SCR26: Inserting dynamic content into the Document Object Model immediately following its trigger element（新しいタブで開きます）waic.jp（新しいタブで開きます）
- SCR27: Reordering page sections using the Document Object Model（新しいタブで開きます）waic.jp（新しいタブで開きます）
失敗例(2)
- F44: Failure of Success Criterion 2.4.3 due to using tabindex to create a tab order that does not preserve meaning and operability（新しいタブで開きます）waic.jp（新しいタブで開きます）
- F85: Failure of Success Criterion 2.4.3 due to using dialogs or menus that are not adjacent to their trigger control in the sequential navigation order（新しいタブで開きます）waic.jp（新しいタブで開きます）
原典・規範文書
- 達成基準 2.4.3 フォーカス順序 — WCAG 2.2 日本語訳（waic.jp）（新しいタブで開きます）規範訳。正式な要件の本文はこちら。
- Understanding Focus Order — W3C（英語）（新しいタブで開きます）意図・具体例・達成方法の詳しい公式解説。