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.

responsibility: Design

Collection of success criterion where the responsibility falls under visual and interaction design decisions.

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 AAA

2.1.3 Keyboard (No Exception)

You can navigate and interact with a page using the keyboard alone.

Keyboard
Cognitive, Physical/Motor, Visual
Content, Design
WCAG 2.0, 2.1, 2.2 Level A

2.2.2 Pause, Stop, Hide

Automatically moving/animating content that lasts more than 5 seconds must be able to be stopped or hidden.

Sensory
Cognitive, Visual
Code, Content, Design
WCAG 2.0, 2.1, 2.2 Level AAA

2.2.4 Interruptions

Pop-ups, notifications, and other interruptions can be switched off.

Sensory
Cognitive, Visual
Code, Design
WCAG 2.0, 2.1, 2.2 Level A

2.3.1 Three Flashes or Below Threshold

Flashing content must not exceed three flashes per second unless it is within safe limits.

Sensory
Cognitive, Visual
Content, Design
WCAG 2.0, 2.1, 2.2 Level AAA

2.3.2 Three Flashes

Flashing content must never exceed three flashes per second, without exceptions.

Sensory
Cognitive, Visual
Content, Design
WCAG 2.1, 2.2 Level AAA

2.3.3 Animation from Interactions

Animations triggered by interactions like button presses can be turned off.

Sensory
Cognitive, Visual
Code, Design
WCAG 2.0, 2.1, 2.2 Level A

2.4.1 Bypass Blocks

‘Skip links’ are available for keyboard users to jump past navigation.

Keyboard
Cognitive, Physical/Motor, Visual
Code, Design
WCAG 2.0, 2.1, 2.2 Level AA

2.4.5 Multiple Ways

Header navigation is not the only way to get around a website; there’s another way, such as on-page links, a sitemap, or a site-wide search.

Whole Site
Cognitive, Visual
Design
WCAG 2.0, 2.1, 2.2 Level AA

2.4.7 Focus Visible

There’s visible keyboard focus styling to indicate which element you’re currently focused on.

Keyboard, Sensory
Cognitive, Physical/Motor, Visual
Code, Design