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.2 Audio Control
Auto playing audio that lasts more than 3 seconds can be turned down or stopped.
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.
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.
