アクセシビリティ資料 検査項目事例集 WCAG 1.4.6

WCAG 1.4.6: コントラスト (高度)

より高いアクセシビリティ(AAA水準)として、通常テキストで7:1以上、大きなテキスト(18pt以上または14pt太字以上)で4.5:1以上のコントラスト比を確保します(ロゴタイプや装飾目的の文字等を除く)。

Level AAA 確認方法: 自動検査

意図的な失敗例: 高いコントラスト水準を満たさない

AAA水準では不足するコントラストの本文です。

重要な規約本文です。

確認観点

  • 本文、リンク、ボタン、エラー文、重要な注記などの文字色と背景色を測定する
  • 通常テキストは7:1以上、大きなテキストは4.5:1以上になるよう配色を調整する
  • ブランドカラーを使う箇所は、文字色や背景色の専用パレットを用意して読みやすさと両立させる
  • ダークモードではコントラストを強めすぎて読みにくくならないかも確認する

人の判断が必要な例

  • ツールの数値だけでなく、通常表示・ホバー・フォーカス・選択・無効状態でも十分なコントラストが維持されているか確認する
  • ロゴや装飾文字など、達成基準の例外として扱える箇所か確認する
  • AA水準(1.4.3)を満たしたうえで、重要な本文や主要操作にAAA水準が必要か判断・確認する

補助ツール候補

  • color-contrast-enhanced
  • enhanced-contrast

生成メモ

manual-judgment-catalog.ja.json の内容から生成しています。