Compliable
COMPLIANCE CHECKLIST

WCAG 2.2 Checklist

A comprehensive checklist of WCAG 2.2 Level A and AA success criteria to help you achieve web accessibility compliance.

SCAN YOUR SITE

55 Criteria

Level A & AA Success Criteria

Conformance Levels:
AMinimum level
AARecommended standard
2.2New in WCAG 2.2

1. Perceivable

Information and user interface components must be presentable to users in ways they can perceive

1.1 Text Alternatives

1.1.1Non-text Content
Level A

All non-text content has a text alternative

1.2 Time-based Media

1.2.1Audio-only and Video-only
Level A

Alternatives for prerecorded audio-only and video-only content

1.2.2Captions (Prerecorded)
Level A

Captions for all prerecorded audio content in synchronized media

1.2.3Audio Description or Media Alternative
Level A

Alternative or audio description for prerecorded video

1.2.4Captions (Live)
Level AA

Captions for all live audio content in synchronized media

1.2.5Audio Description (Prerecorded)
Level AA

Audio description for all prerecorded video content

1.3 Adaptable

1.3.1Info and Relationships
Level A

Information and relationships can be programmatically determined

1.3.2Meaningful Sequence
Level A

Correct reading sequence can be programmatically determined

1.3.3Sensory Characteristics
Level A

Instructions don't rely solely on sensory characteristics

1.3.4Orientation
Level AA

Content doesn't restrict view to a single display orientation

1.3.5Identify Input Purpose
Level AA

The purpose of input fields can be programmatically determined

1.4 Distinguishable

1.4.1Use of Color
Level A

Color is not used as the only visual means of conveying information

1.4.2Audio Control
Level A

Mechanism to pause, stop, or control audio volume

1.4.3Contrast (Minimum)
Level AA

Text has a contrast ratio of at least 4.5:1

1.4.4Resize Text
Level AA

Text can be resized up to 200% without loss of functionality

1.4.5Images of Text
Level AA

Text is used instead of images of text where possible

1.4.10Reflow
Level AA

Content can reflow without requiring scrolling in two dimensions

1.4.11Non-text Contrast
Level AA

UI components and graphics have a contrast ratio of at least 3:1

1.4.12Text Spacing
Level AA

No loss of content or functionality when adjusting text spacing

1.4.13Content on Hover or Focus
Level AA

Additional content is dismissible, hoverable, and persistent

2. Operable

User interface components and navigation must be operable

2.1 Keyboard Accessible

2.1.1Keyboard
Level A

All functionality is available from a keyboard

2.1.2No Keyboard Trap
Level A

Keyboard focus can be moved away from any component

2.1.4Character Key Shortcuts
Level A

Single character key shortcuts can be turned off or remapped

2.2 Enough Time

2.2.1Timing Adjustable
Level A

Time limits can be turned off, adjusted, or extended

2.2.2Pause, Stop, Hide
Level A

Moving, blinking, or auto-updating content can be controlled

2.3 Seizures and Physical Reactions

2.3.1Three Flashes or Below Threshold
Level A

Content does not flash more than three times per second

2.4 Navigable

2.4.1Bypass Blocks
Level A

Mechanism to bypass repeated blocks of content

2.4.2Page Titled
Level A

Pages have descriptive and informative titles

2.4.3Focus Order
Level A

Focus order preserves meaning and operability

2.4.4Link Purpose (In Context)
Level A

Link purpose can be determined from link text or context

2.4.5Multiple Ways
Level AA

More than one way to find pages in a set

2.4.6Headings and Labels
Level AA

Headings and labels describe topic or purpose

2.4.7Focus Visible
Level AA

Keyboard focus indicator is visible

2.4.11Focus Not Obscured (Minimum)2.2
Level AA

Focused component is not entirely hidden

2.5 Input Modalities

2.5.1Pointer Gestures
Level A

Single pointer alternative for multipoint or path-based gestures

2.5.2Pointer Cancellation
Level A

Function can be aborted, undone, or not executed on up-event

2.5.3Label in Name
Level A

Accessible name contains visible text label

2.5.4Motion Actuation
Level A

Motion-operated functions have alternative input

2.5.7Dragging Movements2.2
Level AA

Single pointer alternative for dragging

2.5.8Target Size (Minimum)2.2
Level AA

Targets are at least 24x24 CSS pixels

3. Understandable

Information and the operation of user interface must be understandable

3.1 Readable

3.1.1Language of Page
Level A

Default human language of page can be programmatically determined

3.1.2Language of Parts
Level AA

Language of each passage or phrase can be programmatically determined

3.2 Predictable

3.2.1On Focus
Level A

Receiving focus does not initiate a change of context

3.2.2On Input
Level A

Changing a setting does not automatically cause a change of context

3.2.3Consistent Navigation
Level AA

Navigation mechanisms are consistent across a set of pages

3.2.4Consistent Identification
Level AA

Components with same functionality are identified consistently

3.2.6Consistent Help2.2
Level A

Help mechanisms appear in the same relative order

3.3 Input Assistance

3.3.1Error Identification
Level A

Input errors are automatically detected and described

3.3.2Labels or Instructions
Level A

Labels or instructions provided for user input

3.3.3Error Suggestion
Level AA

Suggestions provided when an error is detected

3.3.4Error Prevention (Legal, Financial, Data)
Level AA

Submissions are reversible, checked, or confirmed

3.3.7Redundant Entry2.2
Level A

Previously entered information is auto-populated

3.3.8Accessible Authentication (Minimum)2.2
Level AA

No cognitive function test required for login

4. Robust

Content must be robust enough that it can be interpreted by a wide variety of user agents

4.1 Compatible

4.1.2Name, Role, Value
Level A

UI components have accessible name, role, and state

4.1.3Status Messages
Level AA

Status messages can be programmatically determined

Recommended testing tools

Use these tools to help verify your WCAG compliance

Automated Testing

  • • Compliable Radar
  • • axe DevTools
  • • WAVE Evaluator
  • • Lighthouse
  • • Pa11y

Manual Testing

  • • Keyboard navigation
  • • Screen reader testing
  • • Color contrast analysis
  • • Zoom testing (200%)
  • • Mobile device testing

Screen Readers

  • • NVDA (Windows)
  • • JAWS (Windows)
  • • VoiceOver (macOS/iOS)
  • • TalkBack (Android)
  • • Narrator (Windows)

Need help with WCAG compliance?

Let Compliable automatically scan and fix accessibility issues on your website. Start with a free accessibility audit.

FREE SCANGET STARTED