ウェブ製作者のためのウェブアクセシビリティハンドブック

本ハンドブックは、 すべての利用者がウェブサイトを利用できるようにするために、開発者の視点から
WCAG 2.0（JIS X 8341-3:2016）の達成基準を 「概要、実践すべきこと、運用者への注意、開発者への注意」に分けて、要点をシンプルにまとめています。

アクセシビリティの最初の一歩として

ウェブアクセシビリティを向上させるための第一歩として、以下の2点を確認することをお勧めします。

キーボードのみでサイトを操作できるか？

サイト内をタブキーで移動でき、重要なボタンやリンクにフォーカスが当たるかを確認しましょう。

スクリーンリーダーで正しく読み上げられるか？

NVDAやVoiceOverなどのスクリーンリーダーを使用して、コンテンツが自然に読み上げられ、必要な情報が漏れていないかを確認してください。

まずはこれらの点を確認し、その後のステップとして「運用時のウェブアクセシビリティの取り組み」や「開発時のウェブアクセシビリティの取り組み」に進みましょう。
また、「達成基準」を意識しながら構築を進めていくことで、より深く学んでいくことができます。

はじめに

達成基準（適合レベルA,AAを解説）

1. 知覚可能の原則

  1. 代替テキストのガイドライン
    1. 【A】非テキストコンテンツの達成基準【WCAG 2.0】
  2. 時間依存メディアのガイドライン
    1. 【A】音声だけまたは映像だけ（収録済み）の達成基準【WCAG 2.0】
    2. 【A】キャプション（収録済み）の達成基準 【WCAG 2.0】
    3. 【A】音声解説又はメディアにたいする代替コンテンツ（収録済み）の達成基準【WCAG 2.0】
    4. 【AA】キャプション（ライブ）の達成基準【WCAG 2.0】
    5. 【AA】音声解説（収録済み）の達成基準 【WCAG 2.0】
    6. 【AAA】手話 (収録済)の達成基準
    7. 【AAA】拡張音声解説 (収録済)の達成基準
    8. 【AAA】メディアに対する代替 (収録済)の達成基準
    9. 【AAA】音声のみ (ライブ)の達成基準
  3. 適応可能のガイドライン
    1. 【A】情報及び関係性の達成基準【WCAG 2.0】
    2. 【A】意味のある順序の達成基準【WCAG 2.0】
    3. 【A】感覚的な特徴の達成基準【WCAG 2.0】
    4. 【AA】表示の向きの達成基準【WCAG 2.1】
    5. 【AA】入力目的の特定の達成基準【WCAG 2.1】
    6. 【AAA】目的の特定の達成基準
  4. 判断可能のガイドライン
    1. 【A】色の使用の達成基準【WCAG 2.0】
    2. 【A, 非干渉】音声の制御の達成基準【WCAG 2.0】
    3. 【AA】コントラスト（最低限）の達成基準【WCAG 2.0】
    4. 【AA】テキストのサイズ変更の達成基準【WCAG 2.0】
    5. 【AA】文字画像の達成基準【WCAG 2.0】
    6. 【AAA】コントラスト (高度) を理解するの達成基準
    7. 【AAA】小さな背景音、又は背景音なしの達成基準
    8. 【AAA】視覚的提示るの達成基準
    9. 【AAA】文字画像 (例外なし)を理解するの達成基準
    10. 【AA】リフローの達成基準【WCAG 2.1】
    11. 【AA】非テキストのコントラストの達成基準【WCAG 2.1】
    12. 【AA】テキストの間隔の達成基準【WCAG 2.1】
    13. 【AA】ホバー又はフォーカスで表示されるコンテンツの達成基準【WCAG 2.1】

2. 操作可能の原則

  1. キーボード操作可能のガイドライン
    1. 【A】キーボードの達成基準【WCAG 2.0】
    2. 【A, 非干渉】キーボードトラップなしの達成基準【WCAG 2.0】
    3. 【AAA】キーボード (例外なし)
    4. 【A】文字キーのショートカットの達成基準【WCAG 2.1】
  2. 十分な時間のガイドライン
    1. 【A】タイミング調整可能の達成基準【WCAG 2.0】
    2. 【A,非干渉】一時停止、停止及び非表示の達成基準【WCAG 2.0】
    3. 【AAA】タイミング非依存の達成基準
    4. 【AAA】割り込みの達成基準
    5. 【AAA】再認証の達成基準
    6. 【AAA】タイムアウトの達成基準
  3. 発作防止のガイドライン
    1. 【A,非干渉】3回せん（閃）光、又はしきい（閾）値以下の達成基準【WCAG 2.0】
    2. 【AAA】3 回の閃光の達成基準
    3. 【AAA】インタラクションによるアニメーションの達成基準
  4. ナビゲーション可能のガイドライン
    1. 【A】ブロックスキップ の達成基準【WCAG 2.0】
    2. 【A】ページタイトルの達成基準【WCAG 2.0】
    3. 【A】フォーカス順序の達成基準【WCAG 2.0】
    4. 【A】リンクの目的（コントラスト内）の達成基準【WCAG 2.0】
    5. 【AA】複数の手段の達成基準【WCAG 2.0】
    6. 【AA】見出し及びラベルの達成基準【WCAG 2.0】
    7. 【AA】フォーカスの可視化の達成基準【WCAG 2.0】
    8. 【AAA】現在位置の達成基準
    9. 【AAA】リンクの目的 (リンクのみ)の達成基準
    10. 【AAA】セクション見出しの達成基準
    11. 【AA】隠されないフォーカス (最低限)の達成基準【WCAG 2.2】
    12. 【AAA】隠されないフォーカス (高度)の達成基準
    13. 【AAA】フォーカスの外観の達成基準
  5. 入力モダリティのガイドライン
    1. 【A】ポインタのジェスチャの達成基準【WCAG 2.1】
    2. 【A】ポインタのキャンセルの達成基準【WCAG 2.1】
    3. 【A】ラベルを含む名前 (name)の達成基準【WCAG 2.1】
    4. 【A】動きによる起動の達成基準【WCAG 2.1】
    5. 【AAA】ターゲットのサイズの達成基準
    6. 【AAA】入力メカニズムの共存の達成基準
    7. 【AA】ドラッグ動作の達成基準 【WCAG 2.2】
    8. 【AA】ターゲットのサイズ（最小限）の達成基準 【WCAG 2.2】

3. 理解可能の原則

  1. 読みやすさのガイドライン
    1. 【A】ページ言語の達成基準【WCAG 2.0】
    2. 【AA】一部分の言語の達成基準【WCAG 2.0】
    3. 【AAA】一般的ではない用語の達成基準
    4. 【AAA】略語の達成基準
    5. 【AAA】読解レベルの達成基準
    6. 【AAA】発音の達成基準
  2. 予測可能のガイドライン
    1. 【A】フォーカス時の達成基準【WCAG 2.0】
    2. 【A】入力時の達成基準【WCAG 2.0】
    3. 【AA】一貫したナビゲーションの達成基準【WCAG 2.0】
    4. 【AA】一貫した識別性の達成基準【WCAG 2.0】
    5. 【AAA】要求による変化の達成基準
    6. 【A】一貫したヘルプの達成基準 【WCAG 2.2】
  3. 入力支援のガイドライン
    1. 【A】エラーの特定の達成基準【WCAG 2.0】
    2. 【A】ラベル又は説明の達成基準【WCAG 2.0】
    3. 【AA】エラー修正の提案の達成基準【WCAG 2.0】
    4. 【AA】エラー回避（法的、金融及びデータ）の達成基準【WCAG 2.0】
    5. 【AAA】ヘルプの達成基準
    6. 【AAA】誤り防止 (すべて)の達成基準
    7. 【A】冗長な入力の達成基準 【WCAG 2.2】
    8. 【AA】アクセシブルな認証の達成基準 【WCAG 2.2】
    9. 【AAA】アクセシブルな認証 (高度)の達成基準

4. 堅ろう（牢）（Robust）の原則

  1. 互換性のガイドライン
    1. 【A】構文解析の達成基準【WCAG 2.2で削除】
    2. 【A】名前（name）、役割（role）及び値(value)の達成基準【WCAG 2.0】
    3. 【AA】ステータスメッセージ【WCAG 2.1】

アクセシビリティツール

ウェブアクセシビリティ試験