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

principle: Perceivable

Make sure that everyone can perceive or detect the same content and components. Can people perceive this content with whatever capacity they have?

WCAG 2.0, 2.1, 2.2 Level AA

1.4.13 Content on Hover or Focus

Tooltips can be dismissed, usually via the esc key, the text in the tooltip can be selected, and they don’t time out on their own.

Gestures, Keyboard, Zoom and Legibility
Cognitive, Visual
Code, Design
WCAG 2.0, 2.1, 2.2 Level A

1.4.2 Audio Control

Auto playing audio that lasts more than 3 seconds can be turned down or stopped.

Sensory
Auditory/Hearing
Code
WCAG 2.0, 2.1, 2.2 Level AA

1.4.3 Contrast (Minimum)

Text has a contrast ratio of 4.5 to 1. Large text can be a 3 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 AA

1.4.4 Resize Text

Text can be resized up to 200% without loss of content or functionality, except for captions and images of text.

Zoom and Legibility
Cognitive, Visual
Design
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 should be avoided, line-height should be at least 1.5, width should not exceed 80 characters, and users should be able to set text and background colors.

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