WCAG 2.4.11: フォーカスされた要素がユーザーインターフェースに隠れないか確認する

確認観点

• TabキーとShift+Tabキーでページ全体を移動し、各フォーカス要素の位置を確認する
• 固定UIや追従UIがフォーカス要素を覆っていないか確認する
• スキップリンク、ページ内リンク、エラーリンクなどで自動スクロールした直後のフォーカス位置を確認する
• 200%拡大、400%拡大、狭い表示などでも、フォーカスされた要素が完全に隠れないか確認する

人の判断が必要な例

• フォーカス表示の一部が隠れても、要素自体が完全に隠されていないか確認する
• 固定UIがある場合は、scroll-margin-topや適切な余白でフォーカス位置が見えるようにする
• レスポンシブ表示で固定UIの高さや位置が変わっても、フォーカス要素を覆わないか確認する

補助ツール候補

• fixed-header-overlap
• focus-visibility

生成メモ

manual-judgment-catalog.ja.json の内容から生成しています。