WCAG 2.1.2: キーボードトラップなし
モーダルダイアログ、埋め込みメディア、カレンダーUI、開閉メニュー等にキーボードで入った後、TabキーやEscキーなどの標準的なキーボード操作だけでその領域から脱出できるようにします。フォーカスが閉じ込められると利用者がページ全体の操作を継続できなくなるため、非干渉の最優先確認事項です。
意図的な失敗例: フォーカスが閉じ込められる
フォーカスがモーダル風領域から抜けられず、閉じる手段もマウス専用です。
閉じる操作がありません。
確認観点
- モーダルダイアログや外部埋め込みiframe、動画プレイヤー等にキーボードでフォーカスを移動する
- Tabキーを押し続けてもその領域内でフォーカスがループして外に出られない状態になっていないか確認する
- Escキーや「閉じる」ボタンで領域を閉じ、元のトリガー要素へ自然にフォーカスが戻るか確認する
人の判断が必要な例
- 利用者がブラウザを再読み込みしたり強制終了したりしないと抜け出せないようなキーボードトラップがないか確認する
補助ツール候補
- keyboard-trap
- keyboard-operability
- focus-order
- tabindex
- aria-hidden
生成メモ
- 非干渉（操作継続への影響）観点で確認