この用語の意味
アクセシビリティとは、障害の有無、年齢、使う端末、置かれた状況にかかわらず、できるだけ多くの人がWebサイト、アプリ、機器の情報や機能を利用できるようにする考え方です。
Webサイトでは、内容を見て理解できることだけでは足りません。キーボード操作、読み上げソフト、文字の拡大、音声を聞けない場所などでも、必要な情報と操作にたどり着けることを考えます。
何ができるか
- マウスを使えない人も、キーボードだけでメニュー、フォーム、送信ボタンを操作できるようにする。
- 画像に代替テキストを付け、読み上げソフトの利用者にも内容を伝える。
- 文字と背景の色を十分に区別し、重要な案内を色だけで判断させない。
- 動画に字幕や内容の説明を用意し、音声を聞けない場合にも要点を伝える。
- 見出し、入力欄、エラー表示を分かりやすくし、必要な操作を見失いにくくする。
キーボードだけでも必要な操作へ到達でき、読み上げソフトでも内容を把握できる状態を目標にします。
実際に使うために必要なもの
最初に、問い合わせ、予約、見積もり依頼、購入など、利用者が途中で止まると困る操作を洗い出します。そのうえで、ページの見出し構造、画像の説明、入力欄のラベル、エラー時の案内、キーボードでの移動順を確認します。
自動チェックツールは見落としを減らす手段ですが、操作の分かりやすさまでは判定できません。実機でキーボードだけを使い、文字を拡大し、スマートフォンでも必要な手続きが完了するか確認します。
小さく試す運用例
会社案内サイトの問い合わせフォームを対象にします。入力欄ごとに内容を示すラベルを付け、必須項目と入力エラーを文章でも表示します。マウスを使わずに入力から送信まで完了できるかを、公開前と更新後に確認します。
人が確認すること・注意点
アクセシビリティは、チェック項目を一度満たせば終わるものではありません。画像、PDF、動画、フォームを追加するときも確認が必要です。特に、画像内にだけ重要な文字を書いた場合や、色だけで可否を示した場合は、情報を受け取れない人が出る可能性があります。
W3CのWeb Content Accessibility Guidelines（WCAG）は確認の基準として使えます。ただし、採用する基準や法令上の要件は、対象サービス、利用者、提供地域によって異なります。必要に応じて専門家へ確認してください。
関連する用語
- Webサイト：情報や手続きを提供する場です。
- UI（ユーザーインターフェース）：画面や操作部の設計に関する用語です。
- UX（ユーザーエクスペリエンス）：利用者が操作中に得る体験に関する用語です。
関連する事例・テンプレート
公開前の確認では、問い合わせフォームや予約フォームを対象に、キーボードだけで入力から送信まで完了できるかを確認します。更新時も同じ確認を行います。
情報の確認先
- W3C Web Accessibility Initiative「Introduction to Web Accessibility」：Webアクセシビリティの定義と対象を確認できます。
- W3C Web Content Accessibility Guidelines（WCAG）Overview：Webコンテンツのアクセシビリティ基準を確認できます。