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

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
WCAG 2.0, 2.1, 2.2 Level AAA

3.2.5 Change on Request

Nothing in the user interfaces changes without the user expressly requesting it using a

Forms, Keyboard
Cognitive, Visual
Code, Design
WCAG 2.2 Level A

3.2.6 Consistent Help

Some form of help is available from every page.

Whole Site
Cognitive
Code, Design
WCAG 2.0, 2.1, 2.2 Level A

3.3.1 Error Identification

Errors must be clearly indicated and described to the user.

Forms, Wording
Cognitive, Visual
Code, Design
WCAG 2.0, 2.1, 2.2 Level A

3.3.2 Labels or Instructions

Provide enough help to prevent form errors—sometimes the label is enough, but hint text or instructions might also be needed.

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

3.3.3 Error Suggestion

Helpful suggestions should be provided to help users correct their errors.

Forms, Wording
Cognitive, Visual
Code
WCAG 2.0, 2.1, 2.2 Level AA

3.3.4 Error Prevention (Legal, Financial, Data)

Important forms like a legal agreement or submitting financial information offer the opportunity to check the information entered before sending.

Forms, Wording
Cognitive, Visual
Code
WCAG 2.0, 2.1, 2.2 Level AAA

3.3.5 Help

Where a label can’t provide enough information to understand what’s being asked, there’s hint text or some other kind of explanation alongside.

Forms, Wording
Cognitive
Code, Content, Design