ウェブアクセシビリティへの実践的な第一歩
利用の妨げになる前に、アクセシビリティの問題を見つけましょう。
公開ページのURLを入力してください。安全な検査ツールがaxe-coreを使って一般的な問題を調べ、具体的な改善の出発点を示します。
有用な手がかりであり、認証ではありません
自動テストだけではWCAGへの完全な適合を確認できません。キーボード、スクリーンリーダー、拡大表示、コンテンツ、使いやすさの手動テストも必要です。
01 — 03
この検査で分かること
- 01
対象は1ページ
新しい隔離されたブラウザーで公開ページを1つ評価します。
- 02
明確な優先順位
影響度別に結果を整理し、実践的な改善のヒントを示します。
- 03
プライバシーを重視
ページの内容を恒久的には保存しません。
結果を活用するには
検査の対象は、初期読み込み時の公開ページ1つです。ホーム、商品、フォームなど代表的なページから始めてください。アクセストークン、個人情報、非公開リンクを含むURLは送信しないでください。
検査結果を理解する
違反は調査が必要な自動ルールを示します。要確認の結果は人による確認が必要であり、不具合の証明ではありません。1つのルールに合格してもページ全体の適合は確認できません。コードを変更する前に、対象の要素と関連する説明を調べてください。
修正を確認する
例えば名前のないボタンは、単に「ボタン」と読み上げられることがあります。操作の内容が伝わる名前を付け、スクリーンリーダーで有用か確認してください。再検査し、キーボードで操作の流れを試しましょう。警告が消えても使いにくさが残る場合があります。
人によるテストを加える
フォーカスの順序と見え方、マウスなしで作業を完了できるか確認します。文字を拡大し、ウィンドウ幅を狭めても操作できるか調べましょう。フォームのエラーと読み上げも試してください。障害のある利用者に参加してもらいましょう。自動評価は利用者の体験の代わりにはなりません。