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

disability: Cognitive

Promotes web accessibility for people with memory, attention, or learning differences.

WCAG 2.0, 2.1, 2.2 Level AA

1.4.11 Non-text Contrast

Usable components like form fields and buttons, and graphics like pie charts and line graphs should have a contrast ratio of 3 to 1.

Sensory
Cognitive, Visual
Design
WCAG 2.0, 2.1, 2.2 Level AA

1.4.12 Text Spacing

Users can increase letter, word, line, and paragraph spacing without cutting off content or breaking functionality.

Zoom and Legibility
Cognitive, Visual
Code, Design
WCAG 2.0, 2.1, 2.2 Level AA

1.4.13 Content on Hover or Focus

Tooltips can be dismissed, usually via the esc key, the text in the tooltip can be selected, and they don’t time out on their own.

Gestures, Keyboard, Zoom and Legibility
Cognitive, Visual
Code, Design
WCAG 2.0, 2.1, 2.2 Level AA

1.4.4 Resize Text

Text can be resized up to 200% without loss of content or functionality, except for captions and images of text.

Zoom and Legibility
Cognitive, Visual
Design
WCAG 2.0, 2.1, 2.2 Level AA
WCAG 2.0, 2.1, 2.2 Level AAA

1.4.8 Visual Presentation

For blocks of text, justification should be avoided, line-height should be at least 1.5, width should not exceed 80 characters, and users should be able to set text and background colors.

Sensory, Zoom and Legibility
Cognitive, Visual
Design
WCAG 2.0, 2.1, 2.2 Level AAA
WCAG 2.0, 2.1, 2.2 Level A

2.1.1 Keyboard

Can you get around using the keyboard alone.

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

2.1.2 No Keyboard Trap

There shouldn’t be a situation where you enter a modal with the keyboard and can’t get back to where you were.

Keyboard
Cognitive, Physical/Motor, Visual
Code
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