適合レベルAとAAの違いは、「最低限の到達点」と「実務で目標にしやすい到達点」の違いです。
Aはウェブページを使えなくする大きな障壁を取り除くための基準で、AAは読みやすさ、操作しやすさ、入力時の支援まで広げて確認します。
この記事では、WCAGの適合レベルA、AA、AAAの位置づけを整理したうえで、AとAAで確認する内容の違いを具体例と表で説明します。
適合レベルとは
適合レベルとは、ウェブコンテンツがアクセシビリティの達成基準をどこまで満たしているかを示す段階です。
WCAGでは、A、AA、AAAの3段階が使われます。
| レベル | 位置づけ | 実務での見方 |
|---|---|---|
| A | 最低限満たすべき達成基準。 | ページを使えなくする基本的な障壁を取り除く出発点。 |
| AA | Aの基準に加えて、より広い利用者に配慮する達成基準。 | 多くの組織が公開サイトの目標として置きやすい水準。 |
| AAA | AとAAに加えて、さらに高い配慮を求める達成基準。 | サイト全体で一律に目標にするより、必要な項目を個別に取り入れることが多い水準。 |
AAに適合するには、AAの項目だけでなくAの項目も満たす必要があります。
そのため、AとAAは別々の選択肢ではなく、Aの上にAAが積み重なる関係として理解すると整理しやすくなります。
適合レベルAで確認すること
適合レベルAは、利用者がコンテンツに到達できなくなる大きな障壁を減らすための基準です。
ここでいう障壁とは、画像の意味が伝わらない、キーボードだけで操作できない、音声や動画を止められない、といった状態を指します。
レベルAの主な確認項目
- 画像の代替テキスト：画像が見えない利用者にも、画像が伝えている情報を理解できるようにします。
- キーボード操作：マウスを使わなくても、リンク、ボタン、メニューなどを操作できるようにします。
- 情報の代替手段：音声で伝えている内容は文字でも確認できるようにし、視覚情報だけに依存しない設計にします。
- 自動再生の制御：音声や動画が自動で始まる場合、利用者が停止、または一時停止できる手段を用意します。
レベルAは「最低限だから軽く見てよい」という意味ではありません。
たとえば、ボタンにキーボードで到達できない場合、そのボタンを必要とする利用者は手続きを完了できません。
Aの項目は、ページの利用そのものを支える土台です。
適合レベルAだけでは足りない場面
レベルAを満たしていても、読みやすさや操作のしやすさに課題が残ることがあります。
文字と背景の差が小さい、拡大するとレイアウトが崩れる、フォームのエラー原因がわかりにくい、といった問題は、利用者の負担を大きくします。
この不足を補うために、実務ではレベルAAを目標にする場面が多くなります。
適合レベルAAで加わる観点
適合レベルAAは、Aで取り除いた大きな障壁に加えて、より多くの利用者が安定して使える状態を目指します。
見た目の読みやすさ、画面サイズの変化への対応、入力エラー時の案内など、日常的な使いやすさに関わる項目が増えます。
レベルAAの主な確認項目
- 十分なコントラスト：通常の文字は、文字色と背景色の差を十分に確保します。
- 拡大や画面幅への対応：表示を拡大したり、画面幅が狭くなったりしても、情報や操作が失われないようにします。
- キーボード操作とフォーカス表示：キーボードで操作している位置が、画面上でわかるようにします。
- 見出しやラベル：セクションの内容や入力欄の目的を、見出しやラベルから判断できるようにします。
- エラー時の支援：入力ミスが見つかった場合、どこを直せばよいかを文字で示します。
AAの項目は、障害のある利用者だけのためではありません。
屋外で画面が見えにくいとき、片手でスマートフォンを操作するとき、急いでフォームを入力するときにも、同じ配慮が役立ちます。
AとAAの違いを表で見る
AとAAの違いは、単に項目数が増えることではありません。
確認する範囲が、アクセスできるかどうかから、安定して理解し操作できるかどうかへ広がります。
| 観点 | レベルA | レベルAA |
|---|---|---|
| 目的 | 基本的なアクセス不能を防ぐ。 | 読みやすさ、操作しやすさ、理解しやすさを高める。 |
| 画像 | 意味のある画像に代替テキストを用意する。 | 画像だけでなく、文字画像や表示方法も読みやすさの観点で確認する。 |
| 操作 | キーボードで操作できるようにする。 | 操作中の位置や状態がわかりやすいようにする。 |
| 見た目 | 情報が色や形だけに依存しないようにする。 | 文字と背景のコントラスト、拡大時の表示、レイアウトの崩れを確認する。 |
| フォーム | 入力欄にラベルや説明を用意する。 | 入力エラーの場所と修正方法を、利用者が理解できる形で示す。 |
実務ではAAを基準に考える
ウェブサイトの改善目標を決めるときは、まずAAを基準に考えると判断しやすくなります。
Aだけを目標にすると、最低限のアクセスは確保できても、読みづらい、操作位置がわからない、入力ミスを直しにくいといった課題が残りやすいためです。
一方で、AAAをすべてのページで一律に満たすことは、コンテンツの種類によって難しい場合があります。
そのため、まずAAを全体の目標にし、AAAの項目は必要性と実現性を見ながら個別に取り入れる進め方が現実的です。
確認を始めるときの手順
アクセシビリティ対応は、チェックリストを一度埋めるだけでは終わりません。
公開後も内容、デザイン、機能が変わるため、WCAGを運用に落とし込む考え方も必要です。
- 画像、リンク、ボタン、フォーム、動画など、利用者が触れる要素を洗い出します。
- まずレベルAの項目で、操作できない箇所や情報が伝わらない箇所を修正します。
- 次にレベルAAの項目で、コントラスト、拡大表示、見出し、ラベル、エラー案内を確認します。
- 改善した内容を、キーボード操作、画面拡大、読み上げ環境など複数の使い方で確認します。
- 更新時に同じ問題が戻らないように、デザインや実装のルールに反映します。
まとめ
適合レベルAは、ウェブコンテンツを利用できなくする基本的な障壁を取り除くための基準です。
適合レベルAAは、その上で読みやすさ、操作しやすさ、入力時の支援まで広げて確認する基準です。
公開サイトの改善では、まずAAを目標にすると、利用者にとっての不便を減らしながら、組織としても説明しやすい基準を持てます。
AAAは、全体目標として一律に扱うより、対象ページの目的や利用者のニーズに合わせて取り入れると無理がありません。
当社では、ウェブアクセシビリティを導入しやすくするUUU ウェブアクセシビリティウィジェットツールを提供しています。
アクセシビリティ向上に取り組みたい方は、ぜひ詳細をご覧ください。