skills.rest
pedronauck
pedronauckCOMMUNITY
Explore all skills by this author →
Website𝕏@pedronauckGitHub

a11y-testing

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

567|82|Updated Mar 15, 2026
Search Tags:#testing#ci/cd#accessibility#wcag#playwright#jest-axe
One-click install
npx skills add https://github.com/pedronauck/skills --skill a11y-testing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: a11y-testing
Source: https://github.com/pedronauck/skills/tree/main/skills/a11y-testing
Command: npx skills add https://github.com/pedronauck/skills --skill a11y-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps developers ensure their web applications are accessible to users with disabilities by automating accessibility testing and providing guidance on WCAG compliance.

Core Features & Use Cases

  • Automated Testing: Integrates with jest-axe for unit tests and Playwright with axe-core for E2E tests.
  • WCAG Compliance: Focuses on meeting WCAG 2.1 AA standards.
  • CI/CD Integration: Provides examples for integrating accessibility checks into your CI/CD pipeline.
  • Use Case: Automatically scan your React components during development for accessibility violations, or set up a CI job to block pull requests that introduce new accessibility issues.

Quick Start

Run automated accessibility tests for your React components using npm run test:a11y:unit.

Frequently Asked Questions about a11y-testing

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

FAQPage Schema
How do I automate web accessibility testing for React components?▼

Automate web accessibility testing by integrating jest-axe for unit tests to scan React components during development and catch violations before they reach production.

How do I set up Playwright and axe-core to test WCAG compliance in E2E tests?▼

Set up Playwright with axe-core to perform page-level accessibility audits and verify WCAG 2.1 AA compliance during end-to-end testing, including dynamic content and user interactions.

Can I block pull requests that introduce accessibility regressions in CI/CD?▼

Yes, you can integrate automated accessibility checks into your CI/CD pipeline to block pull requests that introduce new accessibility issues and prevent regressions.

What is the difference between component-level and page-level accessibility audits?▼

Component-level audits use jest-axe for unit testing individual UI elements, while page-level audits use Playwright with axe-core for end-to-end testing full pages and dynamic interactions.

Does automated accessibility testing ensure full WCAG 2.1 AA compliance?▼

Automated testing with axe-core targets WCAG 2.1 AA standards to catch common violations, but automated checks primarily prevent regressions rather than guaranteeing complete manual compliance.

How do I test dynamic content and user interactions for accessibility issues?▼

Test dynamic content and user interactions for accessibility issues using Playwright with axe-core to execute page-level audits that evaluate the DOM after state changes.

Related Skills

Explore More Software Engineering Skills→
OpenCovenOpenCoven
20

wcag-a11y-audit

Audit web and desktop UIs for WCAG 2.2 AA compliance with axe-core, Playwright, and jest-axe.

Official
Advanced
yun520-1yun520-1
38

code-review-assistant

Analyze code commits and pull requests for bugs, vulnerabilities, and performance issues.

Community
Advanced
mohitmishra786mohitmishra786

test

Generate unit, integration, and end-to-end tests with Pytest, Jest, Playwright, and k6.

Community
Advanced
timsvoicetimsvoice

specimin-ui-accessibility

Audit and fix generated UI code for WCAG 2.1 AA compliance.

Community
Advanced