WCAG は、Web Content Accessibility Guidelines の略で、Webコンテンツをアクセシブルにするための国際的なガイドラインです。W3C の Web Accessibility Initiative が公開しており、Webサイトやアプリのアクセシビリティを考えるときの代表的な基準として使われます。
まず押さえたいポイント
- Webコンテンツをアクセシブルにするためのガイドライン
- 知覚可能、操作可能、理解可能、堅牢という4つの原則が土台
- 色、キーボード操作、フォーム、エラー表示、見出し構造など幅広く関係する
- UIデザインだけでなく、HTML構造や実装品質にも関係する
- 実務ではチェックリストとして丸暗記するより、設計判断の軸として使うと理解しやすい
どんな場面で使うか
WCAGは、Webサイト制作、自治体や公共系サイト、企業サイト、SaaS、管理画面、ECサイト、アプリのWebビューなどで参照されます。たとえば、文字と背景のコントラスト、キーボード操作、画像の代替テキスト、フォームのラベル、エラーの伝え方などを確認するときに役立ちます。
設計段階では「この状態は色だけで伝えていないか」「キーボードで操作できるか」「エラーの場所と直し方が分かるか」のように、画面の判断に使えます。
よくある誤解
WCAGは、デザイナーやエンジニアを縛るだけの細かい規則ではありません。目的は、できるだけ多くの人が情報を受け取り、操作を完了できる状態を作ることです。
また、WCAGを満たせばすべての利用者が必ず困らない、という意味でもありません。実際のユーザー、利用環境、支援技術、業務フローに合わせた確認も必要です。
注意点
WCAGは重要な基準ですが、読むだけでは実務に落とし込みにくいことがあります。最初は、知覚可能、操作可能、理解可能、堅牢という4原則から画面を見ると分かりやすいです。
詳しい入口は、アクセシビリティとは？UI設計で後回しにしない基本 で整理しています。