カラーコントラストチェッカー
Webアクセシビリティ用のWCAGカラーコントラスト比をチェックします。AAおよびAAA準拠レベルのために前景色と背景色をテスト。
Sample Text
The quick brown fox jumps over the lazy dog.
Small text for WCAG testing
Contrast Ratio
21.00:1
Excellent
WCAG AA
Large Text (18pt+) Pass
Small Text Pass
WCAG AAA
Large Text (18pt+) Pass
Small Text Pass
WCAG Contrast Requirements:
- • AA Large Text: 3:1 minimum (18pt or 14pt bold)
- • AA Small Text: 4.5:1 minimum
- • AAA Large Text: 4.5:1 minimum
- • AAA Small Text: 7:1 minimum
WCAG Color Contrast - 技術的な詳細
WCAG 2.1 requires minimum contrast ratios: 4.5:1 for normal text (AA), 7:1 for normal text (AAA), 3:1 for large text (AA), and 4.5:1 for large text (AAA). Large text is 18pt+ or 14pt+ bold.
コマンドラインでの代替方法
# Using axe-core for automated testing npx axe https://example.com # Using Lighthouse lighthouse https://example.com --only-categories=accessibility