WCAGとは
読み：だぶりゅーかぐ英語：Web Content Accessibility Guidelines
更新日：2026年10月31日
ひとことで
WCAG（ウェブコンテンツ・アクセシビリティ・ガイドライン）とは、Web のコンテンツを、障害のある人や高齢の人を含む、より多くの人が使えるようにするための国際的なガイドラインのことです。
ひとに説明するなら
「WCAG は、Web を誰にでも使いやすくするための、世界共通のチェックリスト。色については、文字と背景の明るさの差（コントラスト比）や、色だけで情報を伝えないこと、などが決められている」
誰にでも届くための約束
WCAG は、Web の標準を決めている W3C がまとめたガイドラインです。目が見えにくい人、色の見え方が違う人、耳が聞こえにくい人、手が動かしにくい人、高齢の人など、いろいろな人が Web を使えるようにするための指針が並んでいます。
現在の最新の勧告は、2023年に勧告された WCAG 2.2 です。次の版の WCAG 3.0 は、2026年3月の時点でまだ作業中の草案です。日本では、WCAG 2.0 と同じ内容の JIS 規格（JIS X 8341-3）もつくられています。
3つのレベル
| レベル | 意味 |
|---|---|
| A | 最低限守るべきこと |
| AA | 多くの組織が目標にする水準。コントラスト比 4.5:1 などはここに入る |
| AAA | より高い水準。すべてを満たすのは難しい場合もある |
色に関わる主な項目
- 文字のコントラスト：ふつうの文字は 4.5:1 以上、大きな文字は 3:1 以上（AA）
- 文字以外のコントラスト：ボタンの枠や図の大事な部分は、まわりと 3:1 以上（AA）
- 色だけに頼らない：「赤いところが必須です」のように、色だけで情報を伝えない（A）
6.36:1
- AA 本文の文字（4.5:1 以上）合格
- AA 大きな文字・図形（3:1 以上）合格
- AAA 本文の文字（7:1 以上）不合格
色だけに頼らない、とは
たとえば、入力の間違いを赤い枠だけで知らせると、赤と緑の見分けがつきにくい人には伝わりません。枠の色に加えて、「入力してください」という文字や、印をそえると、誰にでも伝わります。
グラフの線も、色だけでなく、線の形や名前のラベルで区別すると、色の見え方に関わらず読み取れます。
よくある勘違い
勘違いWCAG は、障害のある人のためだけのもの
ほんとうは明るい屋外でスマホを見るときなど、誰もが見えにくい状況になることがあります。基準を守ると、多くの人にとって使いやすくなります。
勘違いコントラスト比さえ満たせば、色の対応は十分
ほんとうは色だけで情報を伝えない、という項目もあります。色と一緒に、文字や形でも伝えます。
COLOR JOURNEY で使うには
COLOR JOURNEY の色の読みものや色ことばでは、コントラスト比を WCAG 2.2 の式で計算した値だけを書いています。
パレットの色で文字と背景を組むときは、この記事の図で組み合わせを試してから使うと安心です。
参考になるパレット
クイズ
ふつうの文字のコントラスト比で、WCAG の AA に必要なのは？
3:1 以上
ちがいます。答えは「4.5:1 以上」。ふつうの文字は 4.5:1 以上、大きな文字は 3:1 以上です。
4.5:1 以上
正解です。答えは「4.5:1 以上」。ふつうの文字は 4.5:1 以上、大きな文字は 3:1 以上です。
7:1 以上
ちがいます。答えは「4.5:1 以上」。ふつうの文字は 4.5:1 以上、大きな文字は 3:1 以上です。
「色だけに頼らない」の例として合っているのは？
エラーを赤い枠だけで示す
ちがいます。答えは「エラーを赤い枠と文字で示す」。色に加えて、文字や形でも伝えます。
エラーを赤い枠と文字で示す
正解です。答えは「エラーを赤い枠と文字で示す」。色に加えて、文字や形でも伝えます。
エラーを示さない
ちがいます。答えは「エラーを赤い枠と文字で示す」。色に加えて、文字や形でも伝えます。
よくある質問
WCAG とは何ですか？
Web のコンテンツを、より多くの人が使えるようにするための国際的なガイドラインです。W3C がまとめています。
WCAG の最新版は？
勧告されているものでは、2023年の WCAG 2.2 が最新です。次の WCAG 3.0 は、2026年3月の時点でまだ作業中の草案です。
WCAG の AA とは何ですか？
3つのレベルのうち、多くの組織が目標にする水準です。文字のコントラスト比 4.5:1 以上などが含まれます。
日本に WCAG と同じような規格はありますか？
JIS X 8341-3 があり、WCAG 2.0 と同じ内容になっています。