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.

WCAG 2.0, 2.1, 2.2 Level AA
WCAG 2.0, 2.1, 2.2 Level AAA

1.4.6 Contrast (Enhanced)

Text has a contrast ratio of 7:1 to 1. Large text can be a 4.5 to 1 ratio if it’s over 24px, or bold and over 19px.

Sensory, Zoom and Legibility
Visual
Design
WCAG 2.0, 2.1, 2.2 Level AAA

1.4.7 Low or No Background Audio

For spoken audio content, any background noise or music is 20 decibels lower than the foreground speech.

Sensory
Auditory/Hearing
Content
WCAG 2.0, 2.1, 2.2 Level AAA

1.4.8 Visual Presentation

For blocks of text, justification must be avoided, line-height must be at least 1.5, width must not exceed 80 characters, and users must be able to set text and background colors.

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

1.4.10 Reflow

Content must remain readable and usable without requiring horizontal scrolling when viewed at a width of 320 CSS pixels (typically the width of a mobile viewport). Layouts should adapt responsively, and text should reflow to fit the screen.

Gestures, Zoom and Legibility
Cognitive, Visual
Design
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
WCAG 2.0, 2.1, 2.2 Level A

2.1.1 Keyboard

Can you get around using the keyboard alone.

Keyboard
Cognitive, Physical/Motor, Visual
Code