■ WCAG 2.0 (JIS X 8341-3:2016, ISO/IEC 40500:2012) 早見表
1 知覚可能2 操作可能Perceivable

1.1 テキストによる代替

Text Alternatives

2.1 キーボード操作可能
A

1.1.1 非テキストコンテンツ

1.2 時間依存メディア Time-based Media

2.1.1 キーボード

A

1.2.2 キャプション（収録済）A

1.2.3 音声解説、又はメディアに対する代替（収録済）A

1.2.4 キャプション（ライブ）AA

1.2.5 音声解説（収録済）AA

1.2.6 手話（収録済）AAA

1.2.7 拡張音声解説（収録済）AAA

2.1.3 キーボード（例外なし）


2.2 十分な時間

2.3 発作の防止A

2.3.2 3 回の閃光

1.3.2 意味のある順序

A

1.3.3 感覚的な特徴

A

2.4 ナビゲーション可能

非干渉A

1.4.3 コントラスト（最低限）AA

1.4.4 テキストのサイズ変更

AA

1.4.5 文字画像

AA

非干渉

A

3.1.3 一般的ではない用語

AAA

3.1.4 略語AAA

3.1.5 読解レベル

AAA

3.1.6 発音AAA

3.2 予測可能

Predictable

3.2.1 フォーカス時

AAAA

3.2.2 入力時A

AAA

3.2.3 一貫したナビゲーション

AA

3.2.4 一貫した識別性

AA

3.2.5 要求による変化

AAA

Seizures1.3.1 情報及び関係性

1.4.2 音声の制御

AAA

2.3.1 3 回の閃光、又は閾値以下

A

3.1.2 一部分の言語

2.2.4 割り込みAAA

1.4.1 色の使用

AAAA

1.2.9 音声のみ（ライブ）Distinguishable

A

2.2.3 タイミング非依存AAA

1.4 判別可能

3.1.1 ページの言語

Enough Time2.2.2 一時停止、停止、非表示

1.2.8 メディアに対する代替（収録済）Adaptable

AAAA

2.2.1 タイミング調整可能

2.2.5 再認証1.3 適応可能

非干渉Understandable

3.1 読みやすさ Readable

Keyboard Accessible

2.1.2 キーボードトラップなし

1.2.1 音声のみ及び映像のみ（収録済）3 理解可能Operable

非干渉A

AAANavigable

2.4.1 ブロックスキップ

A

2.4.2 ページタイトル

A

2.4.3 フォーカス順序

A

2.4.4 リンクの目的（コンテキスト内）
A

2.4.5 複数の手段

AA

2.4.6 見出し及びラベル

AA

2.4.7 フォーカスの可視化

AA

3.3 入力支援

Input Assistance3.3.1 エラーの特定A

3.3.2 ラベル又は説明

A

3.3.3 エラー修正の提案

AA

3.3.4 エラー回避（法的、金融、データ）
AA3.3.5 ヘルプAAA

3.3.6 エラー回避（すべて）
AAA

4 堅牢Robust

1.4.6 コントラスト（高度）AAA

1.4.7 小さな背景音、又は背景音なし

AAA

2.4.8 現在位置

AAA

4.1 互換性

1.4.8 視覚的提示

AAA

2.4.9 リンクの目的（リンクのみ）
AAA

4.1.1 構文解析

A

1.4.9 文字画像（例外なし）
AAA

2.4.10 セクション見出し

AAA

4.1.2 名前（name）
・役割（role）及び値（value）
ACompatible［出典］Web Content Accessibility Guidelines 2.0（https://waic.jp/docs/WCAG20/Overview.html）［製作］有限会社 時代工房（@jidaikobo）with もんど（@momdo_）［チェックツールの例］A11yc（https://a11yc.com/validator/） 2018 年 8 月版

■ WCAG 2.0 (JIS X 8341-3:2016, ISO/IEC 40500:2012) 早見表（逆引き・その他）▼ 非干渉（重要）！

【重要】自動再生する音声、画像がある
動くものに注意力を奪われ、他をまったく利用できなくなる人がいます。たとえば音声やカルーセ
ルは、自動再生を避け、停止可能にしましょう。
1.4.2 音声の制御 
2.2.1 タイミング調整可能 
2.2.2 一時停止、停止、非表示 2.2.3 タイミング非依存 

非干渉 A
A
非干渉 A
AAA

【重要】キーボードによる操作ができるマウスなしで操作してみましょう。タブキーでページを一巡りでき、スペースキーやエンターキーで、リンクやボタンを操作できるか確認しましょう。
2.1.1 キーボード 
2.1.2 キーボードトラップなし 
2.1.3 キーボード（例外なし）
2.4.3 フォーカス順序 A
非干渉 AAAAA【重要】閃光閃光を放つコンテンツは光感受性てんかんを引き起こすことがあります。点滅も、頻度によっては閃光とみなされるので注意しましょう。
2.3.1 3 回の閃光、又は閾値以下  非干渉 A
2.3.2 3 回の閃光 AAA

▼ 全体に関わること
サイト全体に関わること全てのページで一貫したナビゲーションを提供しましょう。各ページには、ページ内容が端的にわかるtitle 要素をつけましょう。
2.4.2 ページタイトル 
2.4.5 複数の手段 
2.4.8 現在位置 
3.2.3 一貫したナビゲーション 
3.2.4 一貫した識別性 AAAAAAAA
AA

ページ全体に関わることページの内容は見出しを使って構造化しましょう。タブキーで順序よくページを一巡りできるか確認しましょう。
1.3.1 情報及び関係性 
1.3.2 意味のある順序 
1.3.3 感覚的な特徴 
2.2.4 割り込み 
2.4.1 ブロックスキップ 
2.4.2 ページタイトル 
2.4.3 フォーカス順序 
2.4.6 見出し及びラベル AAAAAAAAAAA

2.4.7 フォーカスの可視化 
3.1.1 ページの言語 
3.2.1 フォーカス時 
3.2.5 要求による変化 
4.1.1 構文解析 AAAAAAAA▼ 動画・音声
音声ファイルがある
自動再生を避け、停止可能に。音声内容を簡単に説明しましょう。また、音声と同等の内容の書き起こしテキストを用意しましょう。
1.1.1 非テキストコンテンツ A
1.2.1 音声のみ及び映像のみ（収録済） A
1.4.2 音声の制御 
非干渉 A
1.4.7 小さな背景音、又は背景音なし  AAA
2.2.1 タイミング調整可能 A
2.2.2 一時停止、停止、非表示  非干渉 A
2.2.3 タイミング非依存 AAA

音声のない動画がある
自動再生を避け、停止可能に。動画内容を簡単に説明しましょう。また、動画と同等の内容の書き起こしテキストを用意しましょう。
1.1.1 非テキストコンテンツ A
1.2.1 音声のみ及び映像のみ（収録済） A
2.2.1 タイミング調整可能 A
2.2.2 一時停止、停止、非表示  非干渉 A
2.2.3 タイミング非依存 AAA

音声を伴った動画がある
自動再生を避け、停止可能に。動画内容を簡単に説明。キャプション（丁寧な場面説明）と書き起
こしテキストと音声解説を用意しましょう。
1.1.1 非テキストコンテンツ A
1.2.2 キャプション（収録済）
A
1.2.3 音声解説、又はメディアに対する代替（収録済）AAA
1.2.5 音声解説（収録済）
1.2.6 手話（収録済）
AAA
1.2.7 拡張音声解説（収録済）
AAA
1.2.8 メディアに対する代替（収録済） AAA
1.4.2 音声の制御 非干渉 A
1.4.7 小さな背景音、又は背景音なし  AAA
2.2.1 タイミング調整可能 A
2.2.2 一時停止、停止、非表示  非干渉 A
2.2.3 タイミング非依存 AAA

ライブ音声がある自動再生を避け、停止可能に。ライブ音声内容を簡単に説明しましょう。できれば内容を文字情報としても提供しましょう。

1.1.1 非テキストコンテンツ 
1.2.9 音声のみ（ライブ）
1.4.2 音声の制御 A
AAA
非干渉 A

ライブ動画がある自動再生を避け、停止可能に。ライブ動画内容を簡単に説明しましょう。ライブ動画であることを明示し、キャプションを提供しましょう。
1.1.1 非テキストコンテンツ 
1.2.4 キャプション（ライブ）
1.4.2 音声の制御 

A
AA
非干渉 A

▼ テキスト
ページの主要な言語はもちろん、外国語にも正確な lang 属性を用いて、ページで使われている言語を明示しましょう。
AAA（1）alt は、画 像 の 置 換テキストです。画 像を視覚的に理解できない利用者や、画像の読みalt 属性を用いましょう。文字を画像にしている場込みができない環境で、画像と等価な内容を合は、ほんとうに画像にすべきか吟味しましょう。
提 供します（ 検 索エンジンにも内 容を提 供で1.1.1 非テキストコンテンツ Aきます）。
1.4.3 コントラスト（最低限）
AA（2）画像化された文字の alt は、文字と同等のAA
1.4.5 文字画像 
内容にします。写真や図の場合は、「写真：」と1.4.6 コントラスト（高度）
AAA
いうような接頭辞を付けることで、例えば橋の1.4.9 文字画像（例外なし）
AAA
写真が、「橋」という文字ではなく「橋の写真」であることを明確にできます。

画像がある▼ 制限時間

理解や操作に時間のかかる人がいます。自動的なスクロールや、画面切り替えを避けましょう。
2.2.1 タイミング調整可能 
2.2.3 タイミング非依存 AAAA▼ 色

リンク先がわかりやすいリンク文字列にしましょう。文中のリンク文字列は下線を消さないようにしましょう。
1.4.1 色の使用 A
2.4.4 リンクの目的（コンテキスト内）
A
2.4.7 フォーカスの可視化 AA
2.4.9 リンクの目的（リンクのみ）
AAA
3.2.1 フォーカス時 A
3.2.4 一貫した識別性 AA
4.1.2 名前（name）
・役割（role）及び値（value）A

文字がある
文字と背景色とのコントラストを確保するなど、読みやすくしましょう。ズームや文字サイズの拡大を試し、問題なく文字が読めるか確認しましょう。
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA（3）純 粋 な 装 飾 や 整 形 の た め の 情 報 の な い
画 像 は、CSS で 背 景 画 像 に す る か、空 の alt（alt=""）に すると支 援 技 術 が 画 像 を 無 視 できるようになります。画像が存在しなくてもコンテキストが 変 化しな い 場 合にの み、属 性 値を空にしてください。

［HTML 以外のコンテンツについて］
PDF、Word、Excel と い っ た HTML で は な
いコンテンツでも、最低限、文字情報を取得できるように作成することで、アクセシビリティを向上させることができます。

色を使っている

リンクがある1.4.3 コントラスト（最低限）
1.4.4 テキストのサイズ変更 
1.4.5 文字画像 1.4.6 コントラスト（高度）
1.4.8 視覚的提示 
1.4.9 文字画像（例外なし）
2.4.6 見出し及びラベル 
2.4.10 セクション見出し 
3.1.3 一般的ではない用語 
3.1.4 略語 
3.1.5 読解レベル 
3.1.6 発音 ［alt の付け方］

制限時間付きのコンテンツがある

言語を明示する

3.1.1 ページの言語 
3.1.2 一部分の言語 ▼ 画像

「必須項目は赤字です」だけでは、目の見えない、見えにくい人には、つたわりません。また、コントラストに気をつけましょう。
［A、AA、AAAとは］
1.3.3 感覚的な特徴 
1.4.1 色の使用 
1.4.3 コントラスト（最低限）
1.4.6 コントラスト（高度）

AAAAAAA▼ フォーム

A、AA、AAA と いうの は、WCAG の 適 合 のレベ ルを表します。A は 必 要 最 低 限 のアクセシビリティを確保します。AA は公共分野で達成が望まれるレベルです。AAA は、非常に高度な対 応 が 含まれます（ 一 般にこのレベ ルを目標とすることは推奨されません）。

フォームがある［非干渉（Non-Interference）］

label を使いましょう。それぞれの項目には何を入力したらいいかわかりやすい説明をつけ、エラーを返す時にもわかりやすくしましょう。

この項目を満たせないと、利用者が情報を得る手段を致命的に損なう達成項目を示しています。目的の情報へのアクセスについての干渉を禁ずる、という意味です。

2.2.1 タイミング調整可能 A
2.2.3 タイミング非依存 AAA2.2.5 再認証 AAA
2.4.3 フォーカス順序 A
2.4.6 見出し及びラベル AA
2.4.7 フォーカスの可視化 AA
3.2.1 フォーカス時 A
3.2.2 入力時 A
3.3.1 エラーの特定 A
3.3.2 ラベル又は説明 A
3.3.3 エラー修正の提案 AA
3.3.4 エラー回避（法的、金融、データ） AA
3.3.5 ヘルプ AAA
3.3.6 エラー回避（すべて）
AAA
4.1.2 名前（name）
・役割（role）及び値（value）A［アクセシビリティ サポーテッド］
ある技術が、UA や支援技術によって実際に利用できるようになっていることを指します。どんな技術で実装すると良いのか、「アクセシビリティ サポーテッド（AS）情報」で検索すると一例を確認できます。

［参考］
深く理解したい時や最新の情報を知りたい時には、「 アクセシビリティ 解 説 書 」で 検 索し、WAIC（ウェブアクセシビリティ基 盤 委 員 会 ）が提供しているコンテンツを読みましょう。