ブログに戻る
Guide 2026-04-05

カラーアクセシビリティガイド:重要なコントラスト比

WCAGコントラスト比要件とアクセシブルな色の組み合わせを学びましょう。

色のコントラストは美学だけでなく、ユーザーがコンテンツを読めるかに直接影響します。

WCAGコントラスト要件

レベル通常テキスト大きなテキスト

|--------|------------|--------------|

AA4.5:13:1 AAA7:14.5:1

色覚異常の考慮

  • 赤色盲:赤緑の組み合わせを避ける
  • 緑色盲:最も一般的、男性の8%に影響

カラーコンバーターツールでコントラスト比を確認しましょう。