The WCAG Primer is intended for use by the UK cross government accessibility community.

Design related WCAG 2.1 A and AA Success Criteria

Here are the details of the success criteria that are related to design.

Perceivable

1.3 Adaptable

• 1.3.4 Orientation (A)

1.4 Distinguishable

• 1.4.1 Use of Colour (A)
• 1.4.2 Audio Control (A)
• 1.4.3 Contrast (Minimum) (AA)
• 1.4.4 Resize Text (AA)
• 1.4.5 Images of Text (AA)
• 1.4.10 Reflow (AA)
• 1.4.11 Non-text Contrast (AA)
• 1.4.12 Text Spacing (AA)
• 1.4.13 Content on Hover or Focus (AA)

Operable

2.1 Keyboard Accessible

• 2.1.1 Keyboard (A)
• 2.1.2 No Keyboard Trap (A)
• 2.1.4 Character Key Shortcuts (A)

2.2 Enough Time

• 2.2.1 Timing Adjustable (A)
• 2.2.2 Pause, Stop, Hide (A)

2.3 Seizures

• 2.3.1 Three Flashes or Below Threshold (A)

2.4 Navigable

• 2.4.1 Bypass Blocks (A)
• 2.4.3 Focus Order (A)
• 2.4.4 Link Purpose (In Context) (A)
• 2.4.5 Multiple Ways (AA)
• 2.4.6 Headings and Labels (AA)
• 2.4.7 Focus Visible (AA)

2.5 Input Modalities

• 2.5.1 Pointer Gestures (A)
• 2.5.2 Pointer Cancellation (A)
• 2.5.3 Label in Name (A)
• 2.5.4 Motion Actuation (A)

Understandable

3.2 Predictable

• 3.2.1 On Focus (A)
• 3.2.2 On Input (A)
• 3.2.3 Consistent Navigation (AA)
• 3.2.4 Consistent Identification (AA)

3.3 Input Assistance

• 3.3.1 Error Identification (A)
• 3.3.2 Labels or Instructions (A)
• 3.3.3 Error Suggestion (AA)
• 3.3.4 Error Prevention (Legal, Financial, Data) (AA)

Robust

4.1 Compatible

• 4.1.3 Status Messages (AA)