What Is the Color Contrast Violation?
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds.
| WCAG Criterion | 1.4.3 |
| Impact | serious |
| axe-core Rule ID | color-contrast |
| WCAG Principle | Perceivable |
How to Fix Color Contrast
Increase the contrast ratio between text and its background. For normal text (< 18pt), use at least 4.5:1. For large text (≥ 18pt or 14pt bold), use at least 3:1. Use a contrast checker like WebAIM's tool to verify.
Run a free Accessalyze scan to find all instances of this violation on your site, with AI-generated fix code for each specific element.
🔍 Scan Your Site for Color Contrast Violations →Who Is Affected?
The Color Contrast violation impacts users who rely on assistive technologies including:
- Screen reader users (JAWS, NVDA, VoiceOver, TalkBack)
- Keyboard-only users who cannot use a mouse
- Users with cognitive disabilities who rely on clear structure
Approximately 1 in 4 adults in the United States has some type of disability. Fixing this violation improves access for millions of users.
Find Color Contrast Violations on Your Site
Free scan in 30 seconds. Get the exact elements with this violation plus AI fix code.
🔍 Scan Free — No Signup