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

セキュリティとテスト

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.

主な機能

Automated WCAG 2.1 AA/AAA compliance scanning
Keyboard navigation and focus trap validation
Integration with Vitest, Playwright, and axe-core
ARIA attribute and screen reader compatibility checks
Reusable CI/CD accessibility testing workflows
0 GitHub stars

ユースケース

Enforcing keyboard accessibility and focus management in complex UI components like modals
Auditing React components for accessibility violations during local development
Automating full-page accessibility regression testing in CI/CD pipelines

概要

主な機能

Automated WCAG 2.1 AA/AAA compliance scanning
Keyboard navigation and focus trap validation
Integration with Vitest, Playwright, and axe-core
ARIA attribute and screen reader compatibility checks
Reusable CI/CD accessibility testing workflows
0 GitHub stars

ユースケース

Enforcing keyboard accessibility and focus management in complex UI components like modals
Auditing React components for accessibility violations during local development
Automating full-page accessibility regression testing in CI/CD pipelines