WCAG 2.1.2: 非干渉（操作への影響）: キーボードで閉じ込められずに移動・終了できるか確認する
モーダル、ダイアログ、埋め込みコンテンツ、開閉ナビゲーションなどで、キーボードフォーカスが特定領域に閉じ込められず、利用者が通常の操作フローへ戻れるか確認します。
意図的な失敗例: フォーカスが閉じ込められる
フォーカスがモーダル風領域から抜けられず、閉じる手段もマウス専用です。
確認観点
- TabキーとShift+Tabキーで要素移動し、特定領域から外へ移動できるか確認する
- モーダルや開閉UIを、Escキーまたは明示的な操作で閉じられるか確認する
- iframeや外部埋め込み、動画プレイヤー、地図などにフォーカスした後、キーボードでページ本文へ戻れるか確認する
- 解除後にフォーカスが開く前のボタンなど妥当な位置へ戻り、以降の操作を継続できるか確認する
- モーダルを閉じた後の戻り先や次の操作が、読み上げでも自然に理解できる状態にする
人の判断が必要な例
- 閉じる操作がマウス専用になっておらず、キーボードで実行できるか確認する
- Tabキーを押し続けても、同じ数個の要素だけを循環して抜け出せない状態にならないか確認する
- 自動再生要素、埋め込みUI、広告、チャットウィジェットが本文操作を続けにくくしていないか確認する
補助ツール候補
- keyboard-trap
- keyboard-operability
- focus-order
- tabindex
- aria-hidden
生成メモ
- 非干渉（操作継続への影響）観点で確認