Color Contrast Checker
テキストと背景色のコントラスト比を計算し、WCAG 2.1アクセシビリティ基準の判定を行います。
プレビュー (Normal Text)
プレビュー (Large Text)
0.00: 1 Contrast Ratio
WCAG AA (Normal)
FAIL
Requires 4.5:1
WCAG AA (Large)
FAIL
Requires 3:1
WCAG AAA (Normal)
FAIL
Requires 7:1
WCAG AAA (Large)
FAIL
Requires 4.5:1
判定基準について
- Large Text: 18pt（約24px）以上、またはボールド体の14pt（約18.66px）以上を指します。
- AA: 一般的なWebサイトで推奨される最低限の基準です。
- AAA: より高いアクセシビリティが求められるサイトで目指すべき基準です。