Docs · skills/a11y-spec/reference/wcag22-checklist.md

WCAG 2.2 AA — design-side checklist

Criteria a designer owns or materially influences. Mark each: pass, fail, n/a + reason, or engineering-owned.

Perceivable

SCCriterionDesign check
1.1.1Non-text contentEvery image, icon and chart has an intended alt or is marked decorative
1.3.1Info and relationshipsHeadings are headings; tables have real headers; groups are grouped
1.3.2Meaningful sequenceVisual order matches DOM order
1.3.4OrientationWorks in both, unless essential
1.3.5Identify input purposeAutocomplete named on personal-data fields
1.4.1Use of colourNo status, error or category carried by colour alone
1.4.3Contrast (minimum)4.5:1 body, 3:1 large — measured, recorded
1.4.4Resize textUsable at 200% with no loss of content
1.4.10Reflow320 CSS px wide, no two-dimensional scrolling
1.4.11Non-text contrast3:1 for controls, states, focus rings, chart strokes
1.4.12Text spacingSurvives increased line, letter, word and paragraph spacing
1.4.13Content on hover/focusDismissible, hoverable, persistent

Operable

SCCriterionDesign check
2.1.1KeyboardEvery action reachable without a pointer
2.1.2No keyboard trapEscape from every dialog, embed and menu
2.2.1Timing adjustableAny timeout can be extended or turned off
2.4.3Focus orderNumbered on the frame, matches reading order
2.4.6Headings and labelsDescriptive, not generic
2.4.7Focus visibleDesigned, 3:1, never the browser default removed
2.4.11Focus not obscured (2.2)Sticky headers and toolbars don't cover the focused element
2.5.3Label in nameVisible label is contained in the accessible name
2.5.7Dragging movements (2.2)Every drag has a single-pointer alternative
2.5.8Target size (2.2)24×24 CSS px minimum; design to 44

Understandable

SCCriterionDesign check
3.2.3Consistent navigationSame order, same place, every screen
3.2.4Consistent identificationThe same function named the same way throughout
3.2.6Consistent help (2.2)Help sits in the same relative place on every screen
3.3.1Error identificationErrors named in text, not only in colour
3.3.2Labels or instructionsEvery input labelled; placeholder is never the label
3.3.3Error suggestionThe fix is offered, not just the failure
3.3.4Error preventionReversible, checked, or confirmed for legal and financial actions
3.3.7Redundant entry (2.2)Don't ask twice in one process
3.3.8Accessible authentication (2.2)No cognitive-function test with no alternative; allow paste

Robust

SCCriterionDesign check
4.1.2Name, role, valueSpecified for every custom control
4.1.3Status messagesAnnounced without moving focus

Recording format

SCResultEvidence / reasonOwner

The method, written down

Every page here is one file from the skill library. The folder is loadable as a Claude project as-is.