skills.rest
leonanpereirapinto
leonanpereirapintoCOMMUNITY
Explore all skills by this author →
𝕏@leonanpereirapGitHub

a11y-testing

Automate WCAG accessibility checks with jest-axe and Playwright axe-core.

1|Updated Mar 27, 2026
Search Tags:#testing#accessibility#a11y#e2e#wcag#playwright#jest-axe
One-click install
npx skills add https://github.com/leonanpereirapinto/ai-utils --skill a11y-testing-leonanpereirapinto
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: a11y-testing
Source: https://github.com/leonanpereirapinto/ai-utils/tree/main/skills/typescript/a11y-testing
Command: npx skills add https://github.com/leonanpereirapinto/ai-utils --skill a11y-testing-leonanpereirapinto

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides an automated framework to validate UI accessibility across unit and end-to-end tests, helping teams catch issues early and reduce manual review time.

Core Features & Use Cases

  • Unit testing with jest-axe for component accessibility in React/TypeScript projects.
  • E2E accessibility audits using Playwright + axe-core to validate page-level WCAG compliance.
  • CI/CD integration templates and guidance to gate PRs and automate accessibility reporting.
  • Reference materials and examples to accelerate adoption across projects.

Quick Start

In your project, scaffold unit and end-to-end accessibility tests using the provided templates.

Frequently Asked Questions about a11y-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate WCAG accessibility testing in a React project?▼

Automate WCAG accessibility testing in React by integrating jest-axe for unit tests to validate component-level compliance and catch UI issues early during development cycles.

What's the best way to run end-to-end accessibility audits with Playwright?▼

Run end-to-end accessibility audits using Playwright combined with axe-core to validate page-level WCAG compliance across navigation flows, modals, and rendered UI components.

Can I use jest-axe to gate pull requests for accessibility violations?▼

Yes, you can gate pull requests by integrating jest-axe and Playwright accessibility tests into CI pipelines, using provided templates to automate WCAG validation and block PRs with violations.

Does automated accessibility testing cover all WCAG requirements?▼

Automated accessibility testing with jest-axe and axe-core validates many WCAG requirements but does not cover all manual checks; it accelerates audits for components and pages but requires manual review for complete compliance.

How do I scaffold accessibility tests for TypeScript UI components?▼

Scaffold accessibility tests for TypeScript UI components using provided templates that configure jest-axe for unit testing and Playwright for end-to-end WCAG validation in React projects.

Related Skills

Explore More Software Engineering Skills→
zhangzhang-111-izhangzhang-111-i
2

senior-qa

Generate Jest, React Testing Library, and Playwright tests for React/Next.js applications.

Community
Advanced
cskirocskiro
7

accessibility-audit

Audit React/TypeScript applications for WCAG 2.2 Level AA conformance issues.

Community
Advanced
pedronauckpedronauck
567

a11y-testing

Automate accessibility testing with jest-axe and Playwright axe-core.

Community
Intermediate
HouseofmvpsHouseofmvps
115

a11y

Detect and fix deterministic WCAG 2.2 A/AA accessibility violations in HTML files.

Community
Advanced