What compliance level does it target?

It defaults to WCAG 2.1 Level AA, the industry standard, but can also be configured for Level A (basic) or Level AAA (enhanced) reviews.

How does it handle React-specific accessibility issues?

It specifically audits React-specific patterns such as proper useRef focus management, semantic use of Fragments, and correct event handling for custom components.

Does this skill support automated testing?

Yes, it can detect and run jest-axe tests or recommend their installation to catch common accessibility violations automatically within your React environment.

Does it provide specific code fixes?

Every identified issue includes a detailed description, the specific code location, and a recommended code snippet to resolve the problem following best practices.

Can it review specific components only?

Yes, you can define the review scope to a single component, a specific feature (like a dashboard), or the entire project.

React Accessibility Auditor

Name: React Accessibility Auditor
Author: solrac97gr

bysolrac97gr

•

安全与测试

Performs comprehensive WCAG 2.1 Level AA accessibility compliance reviews and automated testing for React components.

This skill empowers developers to ensure their React applications meet modern web accessibility standards by performing deep-dive WCAG 2.1 Level AA compliance reviews. It combines automated testing using tools like axe-core with a rigorous manual inspection of semantic HTML, keyboard operability, ARIA implementation, and color contrast. By providing detailed reports with actionable code fixes and severity ratings, it helps teams build inclusive digital experiences and avoid common accessibility anti-patterns in React development.

主要功能

01Manual WCAG 2.1 principle auditing (Perceivable, Operable, Understandable, Robust)

02React-specific pattern analysis for focus management and ARIA live regions

032 GitHub stars

04Automated accessibility testing integration using jest-axe and axe-core

05Detailed compliance reports with severity-based issue categorization

06Actionable 'Quick Win' suggestions and structural refactoring guides

使用场景

01Identifying accessibility regressions in specific features like forms or navigation

02Preparing a React application for a production launch or compliance audit

03Educating developers on accessible React coding patterns through real-time code reviews

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add solrac97gr/marketplace-plugins review-a11y

For use in Claude.ai and ChatGPT

Download Skill