Can I exclude specific elements from an accessibility scan?

Yes, it includes patterns for using AxeBuilder to exclude third-party widgets or temporarily disable specific rules like color-contrast.

What tools does this accessibility skill support?

This skill primarily supports axe-core, Playwright, Vitest, and React Testing Library for comprehensive a11y coverage.

How do I integrate these tests into my CI/CD pipeline?

The skill provides a pre-configured GitHub Actions workflow template designed to run accessibility audits on every push or pull request.

Can I test for specific WCAG levels like AA or AAA?

Yes, the skill includes specialized patterns for filtering scans to meet WCAG 2.1 A, AA, and AAA standards specifically.

Does it support keyboard navigation testing?

Absolutely, it includes detailed patterns for testing Tab navigation, arrow key interactions, and focus traps within modal dialogs.

Accessibility Testing for React

Name: Accessibility Testing for React
Author: IvanTorresEdge

byIvanTorresEdge

0•

セキュリティとテスト

Automates WCAG compliance audits and accessibility testing for React applications using industry-standard tools like axe-core and Playwright.

This skill equips Claude with specialized patterns for implementing comprehensive accessibility (a11y) testing in React projects. It provides ready-to-use templates for unit testing components with vitest-axe and testing-library, as well as end-to-end accessibility scans using Playwright and axe-core. By incorporating keyboard navigation tests, screen reader ARIA validation, and custom Playwright fixtures, this skill ensures that applications remain inclusive and WCAG-compliant through every stage of the development lifecycle.

主な機能

01Automated WCAG 2.1 AA/AAA compliance scanning

02Keyboard navigation and focus trap validation

03Integration with Vitest, Playwright, and axe-core

04ARIA attribute and screen reader compatibility checks

05Reusable CI/CD accessibility testing workflows

060 GitHub stars

ユースケース

01Enforcing keyboard accessibility and focus management in complex UI components like modals

02Auditing React components for accessibility violations during local development

03Automating full-page accessibility regression testing in CI/CD pipelines

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ivantorresedge/molcajete.ai accessibility-testing

For use in Claude.ai and ChatGPT

Download Skill