Automate WCAG Compliance Testing
Ensuring accessibility isn't just about a one-time scan; it's about preventing regressions as your UI evolves. This skill automates the creation of robust accessibility regression tests by bridging the gap between your source code and Playwright's testing ecosystem.
What it does
The skill analyzes your routes, React components, or HTML snippets and generates production-ready Playwright test specs integrated with @axe-core/playwright. It doesn't just stop at code; it also produces prioritized remediation tickets for any issues found during its heuristic scan.
Technical Capabilities
- Heuristic Scanning: Analyzes local files for immediate WCAG violations.
- Spec Generation: Produces clean, template-based Playwright tests that target specific components or routes.
- Remediation Tasks: Outputs structured fix instructions with severity levels (Critical to Info).
- Safe Writing: Previews all code changes and only writes to your filesystem after explicit confirmation.
Why use this skill?
While basic LLM prompts might give you a generic test snippet, this skill uses a specialized workflow: it scans your specific codebase, cross-references an internal audit checklist, and generates tests following a strict, repeatable template. This ensures your a11y tests are consistent, scalable, and easy to maintain within a professional CI/CD pipeline.