【ダブリューシーエージー】

WCAG(ウェブコンテンツ・アクセシビリティガイドライン) とは?

💡 Webの「バリアフリー基準書」、全員が使えるネットを目指す世界共通ルール
📌 このページのポイント
WCAG 4原則(POUR)と適合レベル 知覚可能 Perceivable 見える・聞こえる 操作可能 Operable キーボードでもOK 理解可能 Understandable 分かりやすい 堅牢 Robust 支援技術で読める ▼ 各原則に対して適合レベルを判定 レベル A 最低限の基準 レベル AA 一般的な推奨水準 レベル AAA 最高水準 多くの法規制・公共サイトではAA準拠が求められる
WCAGの4原則と3段階の適合レベル
ひよこ ひよこ

WCAGって何のための基準なの?

ペンギン先生 ペンギン先生

Webサイトを目が見えない人、耳が聞こえない人、手が不自由な人など、誰でも使えるようにするための国際ルールだよ。たとえば「画像には代替テキストを付けましょう」とか「色だけで情報を伝えないようにしましょう」みたいな具体的な基準が書かれているんだ

ひよこ ひよこ

A・AA・AAAの3段階ってどう違うの?

ペンギン先生 ペンギン先生

Aが最低限クリアすべき基準、AAが一般的に求められる水準、AAAが最も高いレベルだよ。多くの国の法律や公共機関のサイトではAA準拠を求めていて、日本の障害者差別解消法でもAA相当が推奨されているんだ

ひよこ ひよこ

4つの原則ってどんなもの?

ペンギン先生 ペンギン先生

「知覚可能」は情報を見たり聞いたりできること、「操作可能」はキーボードだけでも操作できること、「理解可能」は内容や操作方法が分かりやすいこと、「堅牢」は支援技術スクリーンリーダーなど)でも正しく解釈できること。この4つの頭文字を取ってPOURとも呼ばれるよ

ひよこ ひよこ

実際にWCAGに対応するのって大変なの?

ペンギン先生 ペンギン先生

AA準拠なら、正しいHTMLを書いて、コントラスト比を確保して、キーボード操作を保証して、代替テキストを付けるといった基本をしっかりやれば達成できるよ。axeやLighthouseといった自動チェックツールで大半の項目は検証できるんだ

ひよこ ひよこ

WCAG 2.2で何が変わったの?

ペンギン先生 ペンギン先生

タッチ操作のターゲットサイズを最低24x24pxにする基準や、認知障害のある人向けに一貫したヘルプの提供を求める基準が追加されたよ。さらに次のWCAG 3.0ではスコアリング方式に変わる予定で、「合否判定」から「どのくらい達成しているか」の段階評価になるんだ

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「WCAG」って出てきたら「Webを誰でも使えるようにするための世界基準ルールブック」と思えればだいたいOK!
📖 おまけ:英語の意味
「Web Content Accessibility Guidelines」 = ウェブコンテンツ・アクセシビリティ・ガイドライン
💬 W3Cが1999年にWCAG 1.0を発表したのが始まりで、Webの「誰もが使える」を技術仕様として定めた世界初のガイドラインだよ
← 用語集にもどる