Website Accessibility Regression Skills

A ready-to-run Playwright suite that catches the accessibility regressions agent-made edits most often introduce on client sites.

Website Accessibility Regression Skills product illustration

What's inside

  • Reusable checks: skip link, disclosure menu, modal dialog, form errors, visible focus
  • The suite, driven by a11y.config.json (your selectors)
  • An approved-exception baseline: each axe exception needs rule, element, page, reason, a named approver and an expiry
  • A small client-style example site, accessible and broken, to see every check work
  • A self-test that proves 13 single regressions are each caught by the right check
  • Agent skill plus CLAUDE.md / AGENTS.md / Cursor rule snippets, and a client-readable evidence template

Proven by the self-test

  • Skip link points at a missing id: skip link check
  • Menu toggle is a div / Escape no longer closes the menu / CSS overrides hidden: menu check
  • Dialog loses role, aria-modal or its accessible name (axe misses the name: the dialog is closed during a page scan): dialog check
  • Focus trap removed or focus not returned: dialog check
  • Form errors not linked or aria-invalid not set: form check
  • Focus outline removed: visible-focus check
  • Label removed / low-contrast text: axe

Works with any stack

It tests the rendered site at a URL. The example app is static HTML, and the docs cover Next.js and other stacks. Only the static example app is tested in the pack.

Honest limits

  • Automated checks only. They do not make a site WCAG-conformant or legally compliant, and they don't replace a screen-reader walkthrough or manual review.
  • Selectors must be adapted per site.
  • Comboboxes, carousels and custom widgets need your own tests.

Requirements

Node 18+, @playwright/test 1.65.0 and @axe-core/playwright 4.14.0 (pinned). Tested on Playwright's bundled Chromium and on Chrome.

Format and license

Zip, 28 KB, v1.0. Use in your own and client projects (one buyer: a person, or one company and its employees); no resale or giving the files away. Full terms in LICENSE.md.

FAQ

Next.js / React / WordPress?
It tests the rendered site, so any stack works. Point BASE_URL at it and edit a11y.config.json. Only the static example app is tested in the pack.
Does it make my site compliant?
No. It stops known regressions. Audits and conformance claims need manual testing.
Which agents?
Claude Code, Cursor and Codex adapters are included.
Requirements?
Node 18+, @playwright/test 1.65.0 and @axe-core/playwright 4.14.0 (pinned). Tested on Playwright's bundled Chromium and on Chrome.
How do I get the files?
Right after payment, Stripe’s confirmation page shows your download link.
Refunds?
Email hello@youraitools.co within 14 days if it doesn’t work and we can’t fix it.
Can I pay with crypto?
Yes. Pay the same price in USDC or USDT on Base, Ethereum, Arbitrum, Optimism, Polygon or Solana from the "Pay with crypto" button, with no account or KYC. We check the payment on-chain and show your download links as soon as it confirms.

Get Website Accessibility Regression Skills

Playwright + axe suite that catches keyboard, focus and form-error regressions before deploy.

Pairs well with

Download$39

Claude Agent SDK Guardrails Kit

Tool policy, single-use approvals, spend caps and offline hook tests for the Claude Agent SDK (Python).

View Claude Agent SDK Guardrails Kit
Download$29

Bank Reconciliation Exceptions Skill

Reconcile a bank CSV against your ledger: ranked exceptions, a balance proof, suggested (never posted) entries. Offline CLI + agent skill.

View Bank Reconciliation Exceptions Skill

Related