キーボードアクセシビリティ監査ガイド

キーボードアクセシビリティ監査

キーボードアクセシビリティは、マウスを使用できないユーザー（スクリーンリーダーユーザー、運動障害のあるユーザー、キーボード操作を好むパワーユーザーを含む）へのアクセスを可能にするため、ウェブアクセシビリティの基本です。

関連するWCAG基準

基準	レベル	名前
2.1.1	A	キーボード
2.1.2	A	キーボードトラップなし
2.1.4	A	文字キーショートカット
2.4.1	A	ブロックのバイパス
2.4.3	A	フォーカス順序
2.4.7	AA	フォーカスの可視性
2.5.1	A	ポインタジェスチャー

テスト方法

マウスを外し（またはトラックパッドを無効にし）、ページ全体をテストします：

1. すべての要素をTabで移動 — Tabを繰り返し押してすべてのインタラクティブ要素を訪問。フォーカスが視覚的レイアウトと一致する論理的な順序で移動することを確認。

2. すべてのコントロールを操作 — リンクとボタンにはEnter、チェックボックスとボタンにはSpace、ラジオグループとセレクトには矢印キーを使用。

3. キーボードトラップを確認 — どの要素からも常にTabで離れられることを確認。モーダルダイアログはダイアログ内にフォーカスをトラップすべきですが、閉じた際に解放すること。

4. スキップリンクを確認 — ページ読み込み時にTabを押す。「メインコンテンツにスキップ」リンクが表示され、正しく機能すること。

5. フォーカスの可視性をテスト — すべてのフォーカスされた要素に視覚的インジケーター（アウトライン、リング、背景変更）があること。

6. カスタムウィジェットをテスト — ドロップダウン、日付ピッカー、カルーセル、アコーディオン、モーダルのすべてがキーボードで完全に操作可能であること。

よくある不合格

• マウスクリックでのみ開くカスタムドロップダウン
• フォーカスをトラップしない、またはEscapeで閉じられないモーダル
• スライドのキーボードコントロールがないカルーセル
• キーボード代替手段のないドラッグ＆ドロップインターフェース
• 代替インジケーターなしの outline: none による非表示フォーカス
• フォーカスを受け取りタブ順序を混乱させる画面外の要素