WCAG（ダブルシーエージー）

2025年10月28日

WCAG（ダブルシーエージー）

英語表記: WCAG (Web Content Accessibility Guidelines)

概要

WCAG（Web Content Accessibility Guidelines）は、ウェブコンテンツを障害のある人々や高齢者を含む、誰もが利用できるようにするための国際的な標準規格です。これは、ウェブ技術の国際的な標準化団体であるW3C（World Wide Web Consortium）が策定しており、ウェブサイトやアプリケーションが満たすべきアクセシビリティの達成基準を定めています。私たちが普段利用するキーボードやマウス、ディスプレイといった入出力装置を、より多くの人が効果的に使えるようにするための「設計図」のようなものだと考えるとわかりやすいでしょう。

この規格は、ウェブコンテンツが多様な環境や利用者のニーズに対応できるように、具体的な技術的要件を提供しています。特に、視覚、聴覚、身体、認知といった様々な障害を持つ人々が、情報にアクセスし、操作することを可能にするための基準が詳細に定義されているのが特徴です。

詳細解説

WCAGは、私たちが情報にアクセスする際のインターフェースである「入出力装置」の利用を前提として、そのコンテンツ側がどのように対応すべきかを規定しています。この規格は、単に「良いウェブサイトを作りましょう」という抽象的なものではなく、「こうすれば誰もが使えるようになる」という具体的な技術的指標を提供している点が非常に重要です。

WCAGの目的と入出力装置への関連性

WCAGの最大の目的は、情報へのアクセスにおけるデジタルデバイド（情報格差）を解消することにあります。この目的を達成するため、WCAGは以下の4つの基本原則（頭文字を取って「POUR」と呼ばれます）に基づいて構成されています。

知覚可能（Perceivable）: 利用者がその情報を見て、聞いて、感じ取ることができること。
- 入出力装置との関連: ディスプレイに表示されている画像やグラフに対して、代替テキスト（alt属性）を提供することは、視覚障害者がスクリーンリーダー（音声出力装置）を通じて情報を知覚するために不可欠です。また、動画に字幕をつけることは、聴覚障害者がディスプレイを通じて情報を知覚できるようにする対応です。
操作可能（Operable）: インターフェースやナビゲーションが操作できること。
- 入出力装置との関連: マウス操作が困難な利用者でも、キーボード操作だけでウェブサイトの全ての機能（リンク移動、ボタン操作、フォーム入力など）を利用できるようにすることが求められます。これは、入出力装置の中でも特にキーボードや特殊な入力デバイス（スイッチインターフェースなど）の利用を保証する上で極めて重要な基準です。
理解可能（Understandable）: 情報と操作方法が理解できること。
- 入出力装置との関連: 複雑な専門用語を避けたり、予測しやすい一貫したナビゲーションを提供したりすることで、認知的な負荷を軽減します。これは、ディスプレイに表示される情報そのものの質に関わる部分ですね。
堅牢性（Robust）: 多様なユーザーエージェント（Webブラウザや支援技術）で解釈できること。
- 入出力装置との関連: 将来の技術革新や、様々なOS・ブラウザ環境、そして多種多様な支援技術（スクリーンリーダーなど）を通じて、コンテンツが正確に認識され、利用されることを保証します。これは、コンテンツが特定の入出力装置に依存せず、普遍的に機能することを意味します。

適合レベルを通じた運用・管理

WCAGには、適合レベルとして「A（シングルA）」「AA（ダブルA）」「AAA（トリプルA）」の3段階が設定されています。

A: 最低限満たすべき、最も基本的なアクセシビリティ要件。これを満たさないと、一部の利用者はコンテンツにアクセスすらできません。
AA: 法律や国際的な標準で広く推奨されるレベル。多くの国や組織が目指すべき実用的な目標とされています。日本国内の公的機関や企業のウェブサイトの多くが、このAAレベルを目指して運用・管理を行っています。
AAA: 最高レベルのアクセシビリティ。すべての利用者が最大限に利用できることを目指しますが、現実的にすべてのコンテンツで達成することは難しい場合もあります。

ウェブサイトやアプリケーションを運用・管理していく上で、どの適合レベルを目指すかは非常に重要な判断となります。特に、キーボードやマウス、ディスプレイといった標準的な入出力装置の利用が難しい方々をどこまでサポートするかという、組織の姿勢が問われる部分でもあります。

具体例・活用シーン

類推：デジタル世界の「バリアフリー設計」

WCAGを理解する最も簡単な方法は、「デジタル世界のバリアフリー設計」だと考えることです。

例えば、物理的な建物にエレベーターやスロープを設置することは、車椅子利用者や高齢者が「移動」という操作を可能にするためのバリアフリー対応です。これは、WCAGでいう「操作可能（Operable）」原則に通じます。

ウェブサイトにおけるWCAG対応も全く同じです。

具体的なストーリー（キーボード操作の重要性）

ある企業で働く田中さんは、手の震えが原因でマウスを精密に操作することが困難です。彼はウェブサイトの操作を、主にキーボードのTabキーやEnterキーで行っています。

もし、企業のECサイトの購入ボタンが、マウスでクリックすることしか想定されていない（キーボードのフォーカスが当たらない）設計だったとしたらどうでしょうか。田中さんは商品を選ぶことはできても、最後の購入という重要な「操作」ができません。

WCAGの「キーボード操作可能」という達成基準は、このような状況を防ぎます。キーボードのTabキーで順番に要素を移動（フォーカス）させ、Enterキーで操作を完了できるように設計することで、田中さんは特殊な入力装置を使うことなく、標準のキーボードという入出力装置だけでスムーズに買い物を完了できます。

これは、入出力装置の運用・管理とメンテナンスにおいて、特定のユーザー層を切り捨てることなく、誰もが公平にシステムを利用できるようにするための、具体的な「規格」が機能している例です。

活用シーンの具体例（箇条書き）

代替テキストの提供: ディスプレイに表示されるロゴ画像やグラフに、内容を説明するテキスト情報（代替テキスト）を付与します。これにより、視覚障害者が利用するスクリーンリーダーが、画像を音声で読み上げることが可能になります。
色以外の情報伝達: エラーメッセージを色（赤）だけで示すのではなく、「必須項目が未入力です」といったテキスト情報やアイコンも併用します。色覚特性を持つ方々が、ディスプレイの色情報だけに頼らず、情報を知覚可能にするための対応です。
動画コンテンツの字幕と音声解説: 聴覚障害者向けに動画に字幕をつけたり、視覚障害者向けに映像の状況を説明する音声解説（副音声）を追加したりします。これにより、多様な入出力装置を通じて情報が提供されます。

資格試験向けチェックポイント

WCAGは、ITパスポート試験、基本情報技術者試験、応用情報技術者試験のいずれにおいても、運用・管理とメンテナンス、そしてアクセシビリティと規格の文脈で頻出する重要なテーマです。

| 試験レベル | 典型的な出題パターンと学習のヒント |
| :— | :— |
| ITパスポート | WCAGの定義、目的、および「アクセシビリティ」の概念そのものが問われます。特に、高齢者や障害者を含む多様な利用者が情報にアクセスできることの重要性を理解しておく必要があります。 |
| 基本情報技術者 | WCAGの4原則（POUR：知覚可能、操作可能、理解可能、堅牢性）の名称と概要が問われます。また、適合レベル（A, AA, AAA）の違いや、JIS X 8341-3（日本のウェブアクセシビリティ規格）との関連性もチェックポイントです。 |
| 応用情報技術者 | ウェブサイトの運用・管理計画におけるアクセシビリティの組み込み方、またはシステム開発の上流工程でWCAGをどのように考慮するかといった、より実務的な視点が問われます。具体的な達成基準の例（例：代替テキストの必要性、キーボード操作の保証）と、それが情報社会の公平性（ソーシャルインクルージョン）にどう貢献するかを論理的に説明できるように準備しましょう。 |
| 共通の対策 | WCAGがW3Cによって策定された国際規格であること、そして「ウェブコンテンツ」に対する規格であり、特に入出力装置（キーボード、スクリーンリーダー、ディスプレイなど）の利用を保証するためにあるという点を押さえておくことが重要です。 |

試験では、「キーボード操作ができないウェブサイトは、どの原則に反するか？」といった形で、4原則と具体的な事例を結びつける問題がよく出ます。キーボードが入出力装置の要であることを忘れずに、操作可能原則との強い結びつきを覚えておくと非常に役立ちますよ。