disability: Cognitive
Promotes web accessibility for people with memory, attention, or learning differences.
1.1.1 Non-text Content
Images must have descriptive alternative text.
1.2.8 Media Alternative (Pre-recorded)
A text-based transcription of a video is offered, on top of closed captions and audio description.
1.3.1 Info and Relationships
Information or relationships between content that is visual is also conveyed through the code, via HTML or ARIA (for example the for attribute on a form label, or aria-describedby on an input that has hint text).
1.3.2 Meaningful Sequence
The visual presentation of the content matches what’s read out by a screen reader.
1.3.3 Sensory Characteristics
Nothing is referred to just by its color, size, position, shape, and so on.
1.3.4 Orientation
Rotating a device from portrait to landscape doesn’t stop everything being perfectly readable and usable.
1.3.5 Identify Input Purpose
The purpose of form fields can be identified by the browser, so that auto-complete suggestions can be offered in a dropdown.
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.
1.4.1 Use of Color
Color must not be the only thing used to convey meaning.
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.