WCAG 2.4.12: 隠されないフォーカス (高度)
キーボードフォーカスを受けた要素全体が、固定ヘッダー、ポップアップ、重なり要素などに隠れないようにします。
意図的な失敗例: フォーカスが完全には見えない
フォーカスリングがコンテナで切り取られます。
確認観点
- 固定ヘッダー、フッター、追従ボタン、チャット、Cookieバナー、モーダルを含むページを確認する
- Tab移動時にフォーカスされた要素全体が見える位置へスクロールされるよう調整する
- アンカーリンクやエラー移動時にも、対象要素が固定要素に隠れないようscroll-margin等を設定する
- 重なりUIがある場合は、背面の操作要素へフォーカスが残らないようにする
人の判断が必要な例
- キーボードだけでページ全体を移動し、フォーカス対象が一部も隠れないか確認する
- 拡大表示、スマートフォン幅、エラー表示後などでも隠れないか確認する
- 2.4.11より厳しいAAA要件として、部分的な隠れも許容していないか確認する
補助ツール候補
- focus-visibility
- fixed-header-overlap
生成メモ
manual-judgment-catalog.ja.json の内容から生成しています。