WCAG 2.2 Color Contrast Checker & Color Blindness Simulator – AA/AAA Compliance

Understanding WCAG 2.2 Contrast Standards

The Web Content Accessibility Guidelines (WCAG) 2.2 require that text and visual elements have adequate contrast against their background. Sufficient contrast prevents eye strain and guarantees accessibility for approximately 300 million people worldwide who live with color vision deficiencies.

AA vs. AAA Compliance Breakdown

• Level AA (Minimum Requirement): Requires a contrast ratio of at least 4.5:1 for normal text (< 18pt regular or < 14pt bold) and at least 3.0:1 for large text.
• Level AAA (Enhanced Accessibility): Requires a contrast ratio of at least 7.0:1 for normal text and 4.5:1 for large text.
• UI Controls & Form Fields: Visual boundaries, checkboxes, and active input icons require at least 3.0:1 against adjacent background colors.

Frequently asked questions

More tools