1
    a11y Regression Test Generator

    a11y Regression Test Generator

    Generate runnable accessibility regression tests, not just a findings report. Detects a11y issues, missing alt text, unlabeled controls, keyboard and focus gaps, in your routes, components, or HTML, then emits Playwright + axe-core spec files with targeted assertions and remediation tickets for each. Previews the tests first and writes them only on your confirmation.

    Updated Jun 2026
    Security scanned
    Works with Claude Code

    $15

    · or 75 credits

    30-day refund guarantee

    Secure checkout via Stripe

    Included in download

    • Create Playwright + axe-core specs for specific UI routes and components
    • Generate prioritized Jira-ready remediation tickets for accessibility bugs
    • terminal, file_read automation included
    • Ready for Works with Claude Code
    • Instant install

    Sample input

    Generate accessibility tests for our new login form component and the dashboard route.

    Sample output

    I've scanned 'LoginForm.tsx' and '/dashboard'. Findings: - High: missing aria-label. - Medium: Low contrast on subtext. Generated: 'generated-a11y-tests/login-dashboard.spec.ts' (Playwright + axe-core). Ready to write to files? [Y/n]

    About This Skill

    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.

    Use Cases

    • Create Playwright + axe-core specs for specific UI routes and components
    • Generate prioritized Jira-ready remediation tickets for accessibility bugs
    • Build an automated a11y regression suite for CI/CD pipelines
    • Perform heuristic WCAG scans on React, HTML, and Vue components

    Reviews

    No reviews yet - be the first to share your experience.

    Only users who have downloaded or purchased this skill can leave a review.

    Security Scanned

    Passed automated security review

    Permissions

    Terminal / Shell
    Read Files

    File Scopes

    a11y-regression-test-generator/**
    React/HTML/UI source

    Detection is read-only. Test files are written only after explicit confirmation. The skill installs nothing and makes no network calls; running the generated tests is a separate step in your own project.

    Works with Claude Code, Codex CLI, Cursor, OpenCode/OpenClaw, Gemini CLI, and other agents that load SKILL.md folders. The bundled detector and generator use the Python 3 standard library only. Prerequisite for the output: the generated tests require @playwright/test and @axe-core/playwright installed in your own project to run.

    Frequently Asked Questions

    $15