WCAG 2.1のモバイルアクセシビリティチェックリスト

モバイルアクセシビリティ監査

WCAG 2.1はモバイルアクセシビリティに特化したいくつかの成功基準を導入しました。モバイル監査にはタッチ操作、レスポンシブレイアウト、画面の向きのサポート、ジェスチャー代替のテストが必要です。

モバイル固有のWCAG 2.1基準

基準	レベル	モバイル関連性
1.3.4 画面の向き	AA	縦横両方でコンテンツが機能
1.4.10 リフロー	AA	320pxで水平スクロールなし
1.4.12 テキスト間隔	AA	カスタムテキスト間隔でレイアウトが崩れない
2.1.4 文字キーショートカット	A	Bluetoothキーボードでの単一キーショートカット
2.5.1 ポインタジェスチャー	A	マルチポイント/パスジェスチャーの代替
2.5.2 ポインタキャンセレーション	A	ダウンイベントではなくアップイベントでアクション発火
2.5.3 名前にラベル	A	可視テキストがアクセシブル名と一致
2.5.4 モーション作動	A	シェイク/チルトの代替

タッチターゲットサイズ

WCAG 2.1は最小タッチターゲットサイズを指定していませんが（WCAG 2.2基準2.5.8は最小24x24pxを要求）、ベストプラクティスとして推奨：

• タッチターゲットの最小44x44 CSSピクセル（Apple HIG）
• 48x48 CSSピクセル推奨（Material Design）
• 隣接するターゲット間の適切な間隔
• クリック可能領域全体が可視要素と一致

テスト方法

1. 実際のデバイスでテスト — シミュレーターはタッチ操作の問題を見逃す
2. 両方の向きでテスト — 縦横を回転
3. 様々なズームレベルでテスト — 200%ズームまで
4. 支援技術でテスト — VoiceOver（iOS）、TalkBack（Android）
5. 外部キーボードでテスト — スクリーンリーダー付きBluetoothキーボード

レスポンシブレイアウトチェック

• 320pxビューポート幅でコンテンツがリフロー（水平スクロールバーなし）
• 小画面でズームなしでテキストが読める
• ナビゲーションがアクセシブル（ハンバーガーメニューはキーボード/タッチで操作可能）
• フォームフィールドがモバイル入力に適切なサイズ
• モーダルとポップオーバーがビューポート内に収まる