- Labels are programmatically associated with their fieldsUsually criticalAssociate every input's visible label with its control using a native <label for>/id pair, or aria-labelledby when a native label element is not possible.
- Video and audio content ships with captions and a transcriptUsually criticalProvide synchronized closed captions for every prerecorded video that has a soundtrack, including speaker identification and non-speech sounds that carry…
- Pages have a descriptive title and a logical heading hierarchyUsually highGive every page a unique <title> that identifies its specific content, with the page-specific part first (WCAG 2.2 SC 2.4.2).
- Pointer targets meet a minimum size or spacingUsually highMake every pointer target at least 24 by 24 CSS pixels — the WCAG 2.2 Level AA floor — and design to 44 by 44 wherever the control carries weight, which is…
- Autocomplete suggests as the user types, fast, clean and keyboard-operableUsually highShow suggestions after two or three typed characters, with no visible lag or flicker as the user keeps typing.
- Every page declares its main language, and the declaration matches the textUsually mediumPut a lang attribute on the html element of every page, holding a well-formed BCP 47 language tag for the language the page mainly uses (for example en, fr or…
Why it matters, how to fix it, and the research behind it
Rubric's full guide adds the reasoning, the fix and the sources for this check, and checks your client's pages against it and hundreds of others. Findings come back worst first.