ガイドライン

• マークアップ全般
  • 適切なマークアップ
    • [MUST] 文書構造を適切にマークアップする
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] 文法的に正しいマークアップ
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
  • コンポーネント
    • [MUST] コンポーネントをアクセシブルにする
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
• ページ全体
  • ページ構造
    • [MUST] タイトルの指定
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] ページ内のリージョンの明示
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] 本文の開始位置の明示
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] 適切な記述順序
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 適切なセクション分けと見出しの付与
      • 意図
      • 対応するWCAG 2.1の達成基準
  • ページの方向
    • [MUST] 画面方向を固定しない
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
  • ナビゲーション
    • [MUST] コンポーネントの一貫した出現順序
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 複数の到達手段
      • 意図
      • 対応するWCAG 2.1の達成基準
      • 例
    • [SHOULD] 現在地の明示
      • 意図
      • 対応するWCAG 2.1の達成基準
• ログイン・セッション
  • セッションのタイムアウト
    • [MUST] ログイン・セッションにタイムアウトを設ける場合
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 制限時間を設けない
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 制限時間超か語の操作の継続
      • 意図
      • 対応するWCAG 2.1の達成基準
• 入力ディバイス
  • キーボードのみでの操作を可能にする
    • [MUST] キーボード操作を可能にする
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] 適切なフォーカス順序
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] フォーカス箇所の可視化
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] キーボード・トラップの回避
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
  • 多様な入力ディバイスのサポート
    • [MUST] ダウン・イベントをトリガーにしない
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] 特定の入力ディバイスを前提としない
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] ショートカット・キーを提供する場合
      • 意図
      • 対応するWCAG 2.1の達成基準
• テキスト
  • 文言と表現
    • [MUST] 特定の感覚に依存しない表現
      • 意図
      • 対応するWCAG 2.1の達成基準
      • 例
    • [MUST] 複数の視覚的要素を用いた表現
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] 適切な文言の見出し
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
  • 自然言語
    • [MUST] ページの主たる言語の指定
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 部分的に使用される言語の明示
      • 意図
      • 対応するWCAG 2.1の達成基準
  • テキスト表示の拡大
    • [MUST] 200パーセントの拡大表示
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 400パーセントの拡大表示
      • 意図
      • 対応するWCAG 2.1の達成基準
  • テキストの表示
    • [MUST] テキスト表示のカスタマイズ
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] コントラスト比の確保
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
• 画像化されたテキスト
  • 使用の回避
    • [MUST] 原則として画像化したテキストを使用しない
      • 意図
      • 対応するWCAG 2.1の達成基準
  • 画像化されたテキストを使用する場合
    • [MUST] テキスト情報の提供
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] 隣接領域とのコントラスト比の確保
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] 画像内のテキストのコントラスト比
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
• 画像
  • テキスト情報の提供
    • [MUST] 画像の説明の提供
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] 装飾目的の画像の無視
      • 意図
      • 対応するWCAG 2.1の達成基準
  • 表示と視覚的要素
    • [MUST] 複数の視覚的要素を用いた表現
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] 隣接領域とのコントラスト比の確保
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] 画像内のテキストのコントラスト比
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
• アイコン
  • 認知を可能にする
    • [MUST] テキスト情報の付与
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] 複数の視覚的要素を用いた表現
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] アイコンの一貫性
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] コントラスト比の確保
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 十分な大きさのクリック/タッチのターゲット
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
• リンク
  • 認知を可能にする
    • [MUST] 複数の視覚的要素を用いた表現
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] 適切なリンク・テキスト
      • 意図
      • 対応するWCAG 2.1の達成基準
      • 例
    • [MUST] 一貫したリンク・テキスト
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] 適切なフォーカス順序
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
• フォーム
  • 適切なラベル付け
    • [MUST] 表示されているテキストをラベルとして用いる
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] 表示されているテキストをラベルにできない場合
      • 意図
      • 対応するWCAG 2.1の達成基準
  • 色のみによる表現を用いない
    • [MUST] 複数の視覚的要素を用いた表現
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
  • 制限時間
    • [MUST] フォームの入力に制限時間を設ける場合
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 制限時間を設けない
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 制限時間超か語の操作の継続
      • 意図
      • 対応するWCAG 2.1の達成基準
  • Tabキーによるフォーカスの移動順序
    • [MUST] 適切なフォーカス順序
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
  • 予期できない動的な変化の抑制
    • [MUST] フォーカス時の挙動
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] フォームの値の変更時の挙動
      • 意図
      • 対応するWCAG 2.1の達成基準
  • エラーの扱い
    • [MUST] テキスト情報によるエラーの特定
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] エラーの修正方法の提示
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 誤操作の防止
      • 意図
      • 対応するWCAG 2.1の達成基準
  • クリック/タッチのターゲット・サイズ
    • [SHOULD] 十分な大きさのクリック/タッチのターゲット
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
• 動的コンテンツ
  • ユーザーの操作に伴う挙動
    • [MUST] 適切なDOMツリーを維持する
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] OnFocus/OffFocus時の挙動
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] ホバーで表示されるコンテンツ
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
  • ステータス・メッセージ
    • [MUST] ステータス・メッセージの適切なマークアップ
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
  • 自動的に変化するコンテンツ
    • [MUST] 点滅、スクロールを伴うコンテンツ
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] 自動更新されるコンテンツ
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] 閃光を放つコンテンツ
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 割り込み表示
      • 意図
      • 対応するWCAG 2.1の達成基準
• 音声・映像コンテンツ
  • 存在を認知できる
    • [MUST] 音声・映像コンテンツの存在を明示する
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
  • 操作や理解を阻害しない
    • [MUST] 音声の自動再生
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
    • [MUST] 動きを伴うコンテンツ
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] キーボード・トラップの回避
      • 意図
      • 参考
      • 対応するWCAG 2.1の達成基準
  • 内容へのアクセス
    • [MUST] テキスト情報と同等の内容にする
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] キャプションの提供
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] 音声解説の提供
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [MUST] 書き起こしテキストの提供
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 手話の提供
      • 意図
      • 対応するWCAG 2.1の達成基準
    • [SHOULD] 充分に小さい背景音
      • 意図
      • 対応するWCAG 2.1の達成基準