Color Contrast Failures: The Number One Accessibility Issue and How to Fix It

Color contrast failures are the single most common accessibility issue on the web. The WebAIM Million study found them on 83.6% of home pages tested. Yet they're also one of the easiest issues to fix — once you understand the rules. The WCAG Contrast Requirements WCAG 2.2 defines two success criteria for color contrast: 1.4.3 Contrast (Minimum) — Level AA Normal text ( 4.5:1 contrast ratio Large text (≥ 18pt or ≥ 14pt bold): minimum 3:1 contrast ratio UI components and graphical objects: minimum