WCAG 2.1.1: キーボード
リンク、ボタン、フォーム入力、プルダウンメニュー、モーダルダイアログ、カルーセル、タブUIなど、Webページ上で提供されるすべての機能を、マウスを使わずキーボード操作(Tab, Enter, Space, 矢印キー等)だけで完了できるようにします。
意図的な失敗例: キーボードで操作できない
divのポインター操作のみで、Tab移動やEnter/Space操作ができません。
確認観点
- マウスを使わず、TabキーとShift+Tabキーでページ内のすべての操作要素へ順次移動する
- EnterキーやSpaceキーでボタン押下、リンク遷移、チェックボックス選択ができるか確認する
- ドロップダウンメニューやタブUI、スライダーが矢印キーで操作できるか確認する
人の判断が必要な例
- ドラッグ&ドロップやマウスホバーだけでしか操作できない機能が存在しないか確認する
- キーボード操作だけでフォームの入力から確認、送信完了までを一通り遂行できるか確認する
補助ツール候補
- keyboard-operability
- focus-visibility
- focus-order
- tabindex
- aria-hidden
- skip-link
生成メモ
- 支援技術を用いた実検証が必要