■ JIS X 8341-3:2016, WCAG 2.0, 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（http://waic.jp/docs/WCAG20/Overview.html）［製作］有限会社 時代工房（http://www.jidaikobo.com）［チェックツールの例］A11yc（https://a11yc.com/validator/） 2017 年 12 月版

■ JIS X 8341-3:2016, WCAG 2.0, 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
非干渉 A
AAAA

【重要】閃光閃光を放つコンテンツはてんかんを引き起こすことがあります。点滅（ちらつき）も、頻度によっては閃光とみなされるので注意しましょう。
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 一貫した識別性 AAAAAAAAAA

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

2.4.7 フォーカスの可視化 
3.1.1 ページの言語 
3.2.1 フォーカス時 
3.2.5 要求による変化 
4.1.1 構文解析 AAAAAAAA▼ 動画・音声
音声ファイルがある自動再生を避け、停止可能に。音声内容を簡単に説明しましょう。また、音声と同等の内容の書き起こしテキストを用意しましょう。

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

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

1.1.1 非テキストコンテンツ A
1.2.1 音声のみ及び映像のみ（収録済） A
1.4.2 音声の制御 
非干渉 A
1.4.7 小さな背景音、又は背景音なし  AAA2.2.1 タイミング調整可能 A
2.2.2 一時停止、停止、非表示  非干渉 A
2.2.3 タイミング非依存 AAAる言語を明示しましょう。

音声のない動画がある

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

自動再生を避け、停止可能に。動画内容を簡単に説明しましょう。また、動画と同等の内容の書き起こしテキストを用意しましょう。
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

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

AAAA
非干渉 A

AAA
非干渉 A

▼ テキスト［alt の付け方］（1）alt は、画像の説明です。画像を視覚的に理解できない利用者や、画像の読み込みがでalt 属性を用いましょう。文字を画像にしている場
きない 環 境で、画 像 の 代わりの 情 報として使合は、ほんとうに画像にすべきか吟味しましょう。
用されます。また検 索エンジン対 策としても
1.1.1 非テキストコンテンツ A
有効です。
1.4.3 コントラスト（最低限）
AA（2）画 像 化された文 字には、文 字と同 等 の 内
AA
1.4.5 文字画像 
容、写真や図の場合は、「写真：」というような
1.4.6 コントラスト（高度）
AAA
接頭辞をつけると良いです。この接頭辞がな
1.4.9 文字画像（例外なし）
AAA
いと、たとえば橋の写真が、「橋」という文字なのか「橋の写真」なのか、判別がつきません。

画像がある▼ 制限時間制限時間付きのコンテンツがある

外国語がある
ページの主要な言語はもちろん、外国語には、lang 属性を正しく用いて、ページで使われていAAA

リンクがある
文中のリンクは色を変えるだけでなく、下線を残しましょう。リンクの言葉をわかりやすくするよう心がけましょう。

1.4.1 色の使用 A
2.4.4 リンクの目的（コンテキスト内）
A
2.4.7 フォーカスの可視化 AA2.4.9 リンクの目的（リンクのみ）
AAA
3.2.1 フォーカス時 AAA
3.2.4 一貫した識別性 4.1.2 名前（name）
・役割（role）及び値（value）A

文字情報がある
背景色とのコントラストを確保するなど、読みやすくしましょう。文字サイズの拡大やズームで、読めなくなる文字がないか確認しましょう。
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 発音 ▼ 画像

AAAAAAAAAAAAAAAAA
AAAAAAAAA
AAA
AAA

理解や操作に時間のかかる人がいます。自動的なスクロールや、画面切り替えを避けましょう。
2.2.1 タイミング調整可能 
2.2.3 タイミング非依存 AAAA（3）純粋な装飾や整形のための意味のない画像は、CSS で背景画像にするか、alt="" というように、空の alt にすると支援技術が画像を無視できるようになります。また、空 の alt が 真に無意味であることがわかるよう、他の alt を丁寧につけるようにしてください。

［PDF、Word、Excel などについて］▼ 色

原 則、ウェブ ペ ージと同じと考えましょう。文
字情報を大切にし、動画、音声、閃光、キーボード操作、フォーム等に配慮しましょう。

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

AAAAAAA▼ フォーム
フォームがあるlabel を使いましょう。それぞれの項目には何を入力したらいいかわかりやすい説明をつけ、エラーを返す時にもわかりやすくしましょう。
2.2.1 タイミング調整可能 A
2.2.3 タイミング非依存 AAA
2.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

アクセシビリティの 試 験 を 行う際、ペ ージ の一 部（PDF・動 画 等 ）を例 外とした状 態で、適合としてはいけません。たとえば動画について「1.2.2 キャプ ション（ 収 録 済 ）A」を 満 た せない場合は「A 一部準拠」とすべきです。

［非干渉（Non-Interference）］
この項目を満たせないと、利用者が情報を得る手段を致命的に損なう達成項目を示しています。利用できるべき他 の 情報へ のアクセスに干渉してはいけませんよ、という意味です。

［アクセシビリティ サポーテッド］
ある技術が、UA や支援技術によって実際に利用できるようになっていることを指します。どんな技術で実装すると良いのか、「アクセシビリティ・サポーテッド（AS）情報」で検索すると一例を確認できます。

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