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

disability: Visual

Promotes web accessibility for people with blindness, low vision, or color blindness.

WCAG 2.1, 2.2 Level AAA

1.3.6 Identify Purpose

Landmark regions and personalization semantics are used, allowing browser tools to remove non-essential content or add identifying icons to specific elements on the page.

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

1.4.1 Use of Color

Colour shouldn’t be the only thing used to convey meaning.

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

1.4.10 Reflow

Content remains readable and usable without requiring horizontal scrolling when viewed at 320 CSS pixels wide (typically equivalent to a mobile viewport) by adapting layout and reflowing text.

Gestures, Zoom and Legibility
Cognitive, Visual
Design
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.3 Contrast (Minimum)

Text has a contrast ratio of 4.5 to 1. Large text can be a 3 to 1 ratio if it’s over 24px, or bold and over 19px.

Sensory, Zoom and Legibility
Visual
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.6 Contrast (Enhanced)

Text has a contrast ratio of 7:1 to 1. Large text can be a 4.5 to 1 ratio if it’s over 24px, or bold and over 19px.

Sensory, Zoom and Legibility
Visual
Design