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

principle: Understandable

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

WCAG 2.0, 2.1, 2.2 Level A

3.1.1 Language of Page

There’s a lang attribute on the <html> element that matches the language of the page.

Code and Labels, Wording
Cognitive, Visual
Code
WCAG 2.0, 2.1, 2.2 Level AA

3.1.2 Language of Parts

Any parts of the page that are in a different language to the page itself are marked up with the appropriate lang value. Names and phrases derived from other languages, like “Déjà vu” in English, don’t need this.

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

3.1.3 Unusual Words

Jargon and figurative language is avoided, or, where not it’s possible, the words are defined or clarified the first time they’re used on a page.

Wording
Cognitive, Visual
Content
WCAG 2.0, 2.1, 2.2 Level AAA

3.1.4 Abbreviations

Acronyms and shortened words are avoided; where not that’s possible, a definition are provided on each page they’re used.

Wording
Cognitive, Visual
Content
WCAG 2.0, 2.1, 2.2 Level AAA

3.1.5 Reading Level

Writing is kept relatively simple, and is able to be understood by primary school children.

Wording
Cognitive, Visual
Content
WCAG 2.0, 2.1, 2.2 Level AAA

3.1.6 Pronunciation

If a word can be pronounced more than one way, and each way has a different meaning, the meaning is clarified to avoid ambiguity.

Wording
Cognitive, Visual
Content
WCAG 2.0, 2.1, 2.2 Level A

3.2.1 On Focus

Nothing unexpected changes when something on the page receives keyboard focus, like a <button>

Keyboard
Cognitive
Code, Design
WCAG 2.0, 2.1, 2.2 Level A

3.2.2 On Input

Nothing unexpected happens when a form field value is selected, like picking an option from a dropdown menu.

Code and Labels, Forms, Keyboard
Cognitive
Code
WCAG 2.0, 2.1, 2.2 Level AA

3.2.3 Consistent Navigation

Navigation is consistent from page to page.

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

3.2.4 Consistent Identification

Things that carry out a particular function should always look and work the same.

Whole Site
Cognitive
Code, Design