Webアクセシビリティの実務確認ガイド

キーボードだけでWebページを確認する手順

マウスやtouchを使わず、Tab・Shift+Tab・Enter・Space・矢印・Escapeで主要操作を完了し、focus順と表示を証拠として残します。

文字だけの200%拡大と320 CSS px相当の表示で、二方向scroll、切れ、重なり、操作不能がないかを分けて確認します。

見出し、landmark、link、button、form、dialogを読み上げ機能で移動し、見えるlabelとaccessible name、role、stateの一致を記録します。

公開ページまたはBlock markupの作業コピーを監査し、theme、plugin、Gutenberg Blockの責任範囲を分けて修正・再確認します。

prefers-reduced-motion: reduceでpin・scrub・parallax・自動再生を止めても、本文、順序、操作、最終状態が失われないかを確認します。

label、入力目的、必須説明、エラーの特定と修正案、同じ情報の再入力、認知機能テストを一連の送信操作で確認します。

How to read

Checkは検出条件と根拠、Patternは複合UIの操作契約、WCAGは達成基準との対応、Outputは引き継ぎ時に保持する情報、Guideは人が再現できる確認手順を担当します。似た検索意図を分け、各詳細ページから対応する基準と監査画面へ戻れる構造にしています。