Contrast Checker (WCAG)
Check color contrast ratio for WCAG 2.1 AA/AAA accessibility compliance. Essential for ADA and web accessibility requirements.
Contrast Checker (WCAG)
Check color contrast ratio for WCAG 2.1 AA/AAA accessibility compliance
About WCAG Contrast Requirements
The Web Content Accessibility Guidelines (WCAG) 2.1 set minimum contrast ratios to ensure text is readable by users with visual impairments. These guidelines are legally required in many jurisdictions under laws like the Americans with Disabilities Act (ADA).
Contrast Ratio Requirements
- Normal Text: 4.5:1 for AA, 7:1 for AAA
- Large Text: 3:1 for AA, 4.5:1 for AAA
- UI Components: 3:1 for AA
FAQ
What is WCAG contrast?
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios between text and background colors to ensure readability for users with visual impairments.
What is the difference between AA and AAA?
AA is the minimum standard, requiring 4.5:1 for normal text and 3:1 for large text. AAA is enhanced, requiring 7:1 for normal text and 4.5:1 for large text.
What counts as large text?
Large text is defined as 18pt (24px) or larger, or 14pt (18.67px) bold or larger.
Why is color contrast important?
Good contrast ensures that text is readable by people with low vision, color blindness, or those viewing in bright sunlight. It is also a legal requirement under ADA and Section 508.