color contrast

WCAG Contrast Ratios: A Designer’s Cheat Sheet

Verdict: The Short Version Contrast ratio measures how bright text looks against its background. WCAG, the Web Content Accessibility Guidelines, sets hard minimums. Memorize four numbers and you cover almost all cases: 4.5:1 for normal body text (WCAG 2.2, level AA). 3:1 for large text, meaning 18 point or larger, or 14 point bold and […]