Build Assets
Checklist

Color Contrast Check

Verify all text meets WCAG AA contrast minimums before shipping.

Platform: bothTags: accessibility, color, wcag, launch

Check

All body text meets 4.5:1 contrast ratio; large text (18pt+ or 14pt bold) meets 3:1; UI components and focus indicators meet 3:1.

Why This Matters

Low contrast is the most common accessibility failure. Users with low vision, color deficiency, or bright-screen environments depend on sufficient contrast. WCAG AA is a legal requirement in many jurisdictions.

Category

Accessibility

Priority

critical

How to Verify

Run axe DevTools, Chrome Accessibility panel, or WebAIM Contrast Checker on every screen. Check all text/background combinations including hover and focus states.

Source Topic

practical ui

Color and Accessibility

Contrast, meaning, and status — ensuring color works for every user