Lemma
No. 109

UX Design

WCAG

WCAG, the Web Content Accessibility Guidelines, is the widely used standard for making digital content usable by people with disabilities. It covers contrast, keyboard access, text alternatives, and much more.

Why it matters

WCAG turns accessibility from a vague goal into specific, checkable rules. For beginners, it offers concrete numbers to aim for instead of guessing whether a design is inclusive enough.

In depth

Published by the W3C, WCAG is organized into levels A, AA, and AAA, with AA being the typical target for most products and many legal requirements. A common misunderstanding is treating it as only about color contrast; it spans perceivable, operable, understandable, and robust content. Meeting it is a baseline for inclusion, not an optional polish step.

Real-world example

At the common AA level, body text must have a contrast ratio of at least 4.5 to 1 against its background, while large text and UI components need at least 3 to 1.

Try itAA needs 4.5:1 for body text

The quick brown fox

Adjust the text color until it passes.

Text2.96:1
AA Large AA AAA
Back to index