WCAG 2.2 Readiness Checklist

Automated Full-Site Scan

• Run a headless-browser crawler over your entire domain (including JS-only routes).
• Export results to CSV/JSON for audit and reporting.

Verify Color Contrast

• Check for at least 4.5:1 contrast for normal text and 3:1 for UI components.
• Include both text and graphical elements.

Test Button & Link Sizes

• Ensure all interactive targets are at least 44×44 px.
• Validate on both desktop and mobile form factors.

Animation from Interactions (SC 2.2.4)

• Identify all hover/focus animations.
• Provide a way to pause, stop, or reduce motion.

Target Size (SC 2.2.5)

• Confirm touch targets meet size requirements.
• Test on real touch devices to verify.

Focus Appearance (SC 2.4.11)

• Ensure focus outlines are visible and high-contrast.
• Example CSS:

  :focus { outline: 3px solid #4F46E5; }
  

Form Field Labels & Error Handling

• Every <input> must have an associated <label>.
• Display clear, programmatic error messages on validation.

Keyboard Navigation

• Complete all user flows (menus, dialogs, forms) without a mouse.
• Ensure logical and predictable focus order.

Screen Reader Testing

• Test with NVDA/JAWS (Windows) and VoiceOver (macOS).
• Use semantic HTML landmarks, headings, and lists.

Re-Scan & Sign-Off

• Rerun partial scans after fixes until zero automated errors.
• Generate a timestamped PDF report for stakeholders.