WCAG 2.4.7: キーボード操作時にフォーカスが視認できるか確認する

確認観点

• TabキーとShift+Tabキーで、リンク、ボタン、フォーム、メニュー、カスタムUIへ順に移動する
• 各操作対象にフォーカスしたとき、枠線、背景色、下線、影などで現在位置が明確に分かるか確認する
• outlineを消している場合は、代替のフォーカス表示を確認する
• モーダル、開閉メニュー、スキップリンク、カルーセル、フォームエラーなど状態変化のあるUIでも確認する

人の判断が必要な例

• フォーカス表示が背景色や隣接色と十分に区別でき、見失いにくいか確認する
• 固定ヘッダー、スクロール領域、モーダル内でフォーカス表示が隠れていないか確認する
• スマートフォンの外部キーボードや高コントラスト設定でも現在位置を把握できるか確認する

補助ツール候補

• focus-visibility

生成メモ

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