Accessibility Audit

WCAG 2.2 compliance audit and implementation for Next.js applications

Metadata

• •Name: accessibility-audit
• •Version: 1.0.0
• •Author: webrenew
• •Tags: nextjs, accessibility, a11y, wcag, aria, screen-reader, keyboard, compliance

When to Use

This skill should be used when:

• •Auditing a Next.js application for WCAG 2.2 AA compliance
• •Implementing accessible components (dialogs, tabs, forms, navigation)
• •Setting up automated accessibility testing (axe-core, Playwright, eslint-plugin-jsx-a11y)
• •Fixing keyboard navigation, focus management, or screen reader issues
• •Preparing for enterprise compliance (ADA, Section 508, EN 301 549, VPAT)
• •Reviewing component library usage (shadcn/ui, Radix) for accessibility correctness
• •Handling dynamic content announcements, route changes, or live regions

Summary

Systematic WCAG 2.2 AA accessibility audit and implementation guide for Next.js. Covers semantic HTML, ARIA patterns, keyboard navigation, focus management, color contrast, accessible forms, images and media, dynamic content and route change announcements, React/Next.js specific patterns (useId, Link, Image), testing tools and workflows (axe-core, Playwright, VoiceOver/NVDA), shadcn/ui and Radix accessibility, legal compliance (ADA, Section 508, VPAT), and step-by-step audit checklists.