アクセシビリティ とは？

情報を受け取る方法や操作方法は人によって違うからだよ。たとえば読み上げを使う人、マウスを使わない人、字幕が必要な人がいる。一時的なけがや音を出せない場所でも役立つ。使えない原因を減らし、必要な情報や機能へたどり着けるようにするんだ。

画像の役割に合わせるよ。意味を伝える画像は同じ情報が分かる代替テキストを用意する。リンクやボタンの画像は行き先や機能が分かるようにし、純粋な装飾のimgならalt=""にする例がある。グラフなどの複雑な情報は、本文でも内容を説明しよう。

見出しやボタンなどを意味に合うHTMLで表し、キーボードで必要な機能を使えて、フォーカスが閉じ込められないか確かめるよ。色だけで意味を伝えず、文字と背景のコントラストや字幕、分かりやすい入力エラーの案内も考えよう。4原則は知覚可能・操作可能・理解可能・堅牢だよ。

点数ではなく、達成基準の適合レベルだよ。A、AA、AAAがあり、必要な基準を満たすかで評価する。自動ツールの高いスコアを取ることとWCAGに適合することは同じではないんだ。対象のバージョンや評価範囲も明確にして確認しよう。

自動検査は問題を見つける助けになるけれど、それだけでは使えるか判断できないよ。キーボードでの一連の操作、読み上げなどの支援技術、画像の説明が目的に合うかも人が確認する。設計の初めから利用者の状況を考え、変更後も確認を続けよう。