WCAG(Web Content Accessibility Guidelines)
よみ: ダブリューシーエージー
W3C が策定する Web アクセシビリティのガイドライン。世界標準として広く採用されており、日本の JIS X 8341-3 もこれに準拠。最新は WCAG 2.2(2023 年勧告)で、2.x 系列の延長。3.0 系は策定中。EU・米国・カナダ等の公的機関では事実上の必須要件。
本書のスタンス(Lesson 4-5)は、適合レベル A / AA / AAA のうち AA が一般的な目標、AAA は最優先案件のみ。中小企業は「最低限 alt 属性 + キーボード操作 + コントラスト」の 3 段階で十分に始められる。完璧な AA より、AA の中核項目を確実に押さえる方が、運用継続的に効く。
4 原則:知覚可能(Perceivable)・操作可能(Operable)・理解可能(Understandable)・堅牢(Robust)。具体要件は色のコントラスト(4.5:1 以上 = AA、3:1 = A)、キーボードフォーカス、テキスト拡大 200%、フォーカス可視、エラーメッセージの明示、見出し構造、ARIA 属性の適切な使用。WCAG 2.1 で「モバイル対応」「ロービジョン」、2.2 で「ターゲットサイズ」「フォーカスの遮蔽防止」が追加。
落とし穴は、axe・WAVE などの自動チェックの指摘だけ修正して「実機で使えるか」を確認しない、AA 達成後に維持運用がなく徐々に劣化、ARIA を入れすぎて支援技術が混乱、WCAG 規格バージョンを古いまま(2.0)で契約、特定の支援技術(NVDA だけなど)で確認して JAWS / VoiceOver で動かない、AAA を一部の項目だけ達成して残り項目との整合性が崩れる。
言葉をよく利用する人
- コーダー / フロントエンドエンジニア
- デザイナー
- Web 担当者(発注側)
- ディレクター
- 法務 / 契約担当
会話上での使用例
業者選定で WCAG 適合の進め方を確認する場面
-
Web 担当者
WCAG 2.1 AA 準拠でお願いしたい。実機検証はどの範囲まで含まれますか
-
業者ディレクター
自動チェック(axe)+ 主要ページ 10 を NVDA / VoiceOver で目視 + キーボード操作確認、までを標準対応に含めます。それ以上の網羅は別途見積です
海外向けサイトで規格バージョンを議論する場面
-
Web 担当者
欧州向けサイト、WCAG 2.2 の新要件にも対応した方が良いですか
-
ディレクター
EU は 2.1 AA が必須レベルです。2.2 はベターレベル。ターゲットサイズ要件は SP でも効くので、2.2 追加項目も入れたいです。コストインパクトを業者に確認します