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.

principle: Operable

Make sure that everyone can navigate and interact with the same content and components. Can people operate this content with whatever capacity they have?

WCAG 2.0, 2.1, 2.2 Level AAA

2.4.8 Location

The user is clearly informed where they are in a set of pages.

Whole Site
Cognitive, Visual
Code, Design
WCAG 2.0, 2.1, 2.2 Level AAA

2.4.9 Link Purpose (Link Only)

It is clear where a link will take you from the link text alone, without having to read the text around it.

Code and Labels, Wording
Cognitive, Visual
Code, Content, Design
WCAG 2.0, 2.1, 2.2 Level AAA

2.4.10 Section Headings

Headings are used to group distinct sections on a page.

Code and Labels
Cognitive, Visual
Content, Design
WCAG 2.2 Level AA

2.4.11 Focus Not Obscured (Minimum)

The keyboard focus is not completely hidden by other content.

Keyboard
Cognitive, Physical/Motor, Visual
Code, Design
WCAG 2.2 Level AAA

2.4.12 Focus Not Obscured (Enhanced)

The keyboard focus is fully visible at all times.

Keyboard
Cognitive, Physical/Motor, Visual
Code, Design
WCAG 2.2 Level AAA

2.4.13 Focus Appearance

Focus indicators are at least 2px thick and have a 3:1 contrast ratio against adjacent colors.

Keyboard, Sensory
Cognitive, Physical/Motor, Visual
Code, Design
WCAG 2.1, 2.2 Level A

2.5.1 Pointer Gestures

All actions that are carried out using a gesture (swiping, pinching, and so on) or drawing, can also be done with a button or buttons.

Gestures
Cognitive, Physical/Motor, Visual
Code
WCAG 2.1, 2.2 Level A

2.5.2 Pointer Cancellation

Actions (like pressing a button) aren’t triggered on mouse-down; rather on mouse-up.

Gestures
Cognitive, Physical/Motor, Visual
Code
WCAG 2.1, 2.2 Level A

2.5.3 Label in Name

The visible text of a form field, button, or link matches the text in the underlying code.

Code and Labels, Forms
Cognitive, Visual
Code
WCAG 2.1, 2.2 Level A

2.5.4 Motion Actuation

There is no reliance on device motion, like shaking or tilting, to carry out an action.

Gestures
Cognitive, Physical/Motor, Visual
Code