WCAG 1.4.13: ホバー・フォーカスで現れる追加コンテンツを操作できるか確認する
ホバーまたはキーボードフォーカスで表示されるツールチップ、メニュー、補足説明などが、閉じられる・内容上へ移動できる・必要な間は表示され続ける状態か確認します。
意図的な失敗例: ホバー表示コンテンツを閉じられない
追加表示がホバーでしか出ず、閉じる操作や保持操作がありません。
追加料金の詳細。Escでは閉じられません。
確認観点
- ツールチップ、開閉UI、popoverなど追加表示の候補を確認する
- マウスホバーで追加コンテンツを表示し、ポインターを追加コンテンツ上へ移動しても消えないか確認する
- キーボードのTabキーでトリガーへ移動し、フォーカスだけでも同等の追加コンテンツが表示されるか確認する
- 追加コンテンツが表示されたまま、周囲の本文や操作対象を不必要に覆っていないか確認する
人の判断が必要な例
- ホバーだけで表示され、キーボードフォーカスでは表示されない説明がないか確認する
- 追加コンテンツ内のリンク、ボタン、フォーム部品などをキーボードで操作できるか確認する
- ブラウザ標準のtitle属性だけに重要な説明を任せていないか確認する
補助ツール候補
- hover-focus-content
- focus-visibility
生成メモ
- デバイス・環境検証が必要