文字色と背景色のコントラスト比をWCAG
2.1基準でチェックします。アクセシビリティ対応のカラー選びにご活用ください。
文字色（前景色）
背景色
—
コントラスト比
AA 通常テキスト
4.5:1 以上
AA 大きいテキスト
3:1 以上
AAA 通常テキスト
7:1 以上
AAA 大きいテキスト
4.5:1 以上
プレビュー
大きいテキスト（18pt以上）
通常テキスト（16px）のサンプルです。この文字の読みやすさを確認してください。
色覚シミュレーション
サンプル
1型（P型）
サンプル
2型（D型）
サンプル
3型（T型）
ヒント: WCAG 2.1では、通常テキストは4.5:1以上、大きいテキスト（18pt以上 or
14pt太字）は3:1以上のコントラスト比が必要です