Making accessibility standards easy to understand, one success criterion at a time.

Friendly reminder: This is a beginner-friendly guide, not a replacement for the official WCAG. See our full disclaimer.

guideline: Distinguishable

Create content that’s easy to see and hear.

WCAG 2.0, 2.1, 2.2 Level AA

1.4.11 Non-text Contrast

Usable components like form fields and buttons, and graphics like pie charts and line graphs must have a contrast ratio of 3 to 1.

Sensory
Cognitive, Visual
Design
WCAG 2.0, 2.1, 2.2 Level AA

1.4.12 Text Spacing

Users can increase letter, word, line, and paragraph spacing without cutting off content or breaking functionality.

Zoom and Legibility
Cognitive, Visual
Code, Design
WCAG 2.0, 2.1, 2.2 Level AA

1.4.13 Content on Hover or Focus

Tooltips and similar content should stay visible, be easy to dismiss (usually with the Esc key), and let users select and interact with the text.

Gestures, Keyboard, Zoom and Legibility
Cognitive, Visual
Code, Design