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

guideline: Navigable

Help users find their way and know where they are in the website.

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 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.0, 2.1, 2.2 Level A

2.4.2 Page Titled

Each page has a unique title element that describes what’s on that page.

Code and Labels, Whole Site, Wording
Cognitive, Visual
Content
WCAG 2.0, 2.1, 2.2 Level A

2.4.3 Focus Order

When a keyboard user tabs through a page, the order goes from top to bottom and left to right, as you would read the page.

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

2.4.4 Link Purpose (In Context)

A link’s destination should be clear from either the link text itself or the surrounding sentence context.

Code and Labels, Wording
Cognitive, Visual
Content
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.6 Headings and Labels

Headings are descriptive of the content that they contain, form labels clearly describe what information is required, and buttons inform the user what will happen when they’re pressed.

Code and Labels, Wording
Cognitive, Visual
Content