Accessibility · Practical guide

Understanding text contrast and WCAG thresholds

Foreground and background contrast ratios are one part of readable user interfaces.

Normal text and large text

WCAG AA contrast thresholds are generally 4.5:1 for normal text and 3:1 for qualifying large text, subject to applicable exceptions.

Check actual colors

Test rendered colors, including disabled styles, hover states and backgrounds behind semi-transparent elements.

More than numbers

Readable typography, spacing, focus indication, color independence and meaningful feedback also affect accessibility.

Review across devices

Test text under mobile display modes, zoom and varying lighting conditions.

Apply what you learned

Try the relevant free tool, then verify any output against actual website behavior and local requirements.

Open related tool →

Further references

For European data rights, consult the European Commission guidance. For accessibility, consult W3C WAI evaluation guidance. For advertising consent, check your ad provider’s current publisher requirements.

Educational content, not legal advice. Last editorial review: 3 November 2026.