WCAG 1.4.13: ホバー又はフォーカスで表示されるコンテンツ
マウスポインターのホバーやキーボードフォーカスによって現れるツールチップやサブメニューなどの追加コンテンツは、「Escキー等で閉じられる」「マウスポインターを追加コンテンツ上へ移動できる」「ホバーやフォーカスを外すまで表示が持続する」の3条件を満たすようにします。
意図的な失敗例: ホバー表示コンテンツを閉じられない
追加表示がホバーでしか出ず、閉じる操作や保持操作がありません。
追加料金の詳細。Escでは閉じられません。
確認観点
- ポインターを合わせた時やTabキーでフォーカスした時にポップアップするコンテンツを特定する
- マウスポインターやフォーカスを動かさずに、Escキー等で追加コンテンツだけを閉じられるか確認する
- トリガー要素から追加コンテンツへマウスポインターを移動させた際、コンテンツが消えずに留まるか確認する
- 利用者が意図してポインターやフォーカスを外すまで、勝手にタイマー等で消えないか確認する
人の判断が必要な例
- ツールチップが背後にある重要な文字や操作ボタンを覆い隠して操作不能にしていないか確認する
補助ツール候補
- hover-focus-content
- focus-visibility
生成メモ
- デバイス・環境検証が必要