アクセシビリティ資料 検査項目事例集 WCAG 2.1.1

WCAG 2.1.1: キーボード

リンク、ボタン、フォーム入力、プルダウンメニュー、モーダルダイアログ、カルーセル、タブUIなど、Webページ上で提供されるすべての機能を、マウスを使わずキーボード操作(Tab, Enter, Space, 矢印キー等)だけで完了できるようにします。

Level A 確認方法: 手動確認

意図的な失敗例: キーボードで操作できない

divのポインター操作のみで、Tab移動やEnter/Space操作ができません。

送信する

確認観点

  • マウスを使わず、TabキーとShift+Tabキーでページ内のすべての操作要素へ順次移動する
  • EnterキーやSpaceキーでボタン押下、リンク遷移、チェックボックス選択ができるか確認する
  • ドロップダウンメニューやタブUI、スライダーが矢印キーで操作できるか確認する

人の判断が必要な例

  • ドラッグ&ドロップやマウスホバーだけでしか操作できない機能が存在しないか確認する
  • キーボード操作だけでフォームの入力から確認、送信完了までを一通り遂行できるか確認する

補助ツール候補

  • keyboard-operability
  • focus-visibility
  • focus-order
  • tabindex
  • aria-hidden
  • skip-link

生成メモ

  • 支援技術を用いた実検証が必要