How does it calculate the severity of accessibility issues?

It uses a 'Severity = Impact x Likelihood' rubric. This ensures that a critical blocker (like a keyboard trap) is prioritized over a high-level WCAG failure that has lower real-world impact.

Can it automatically fix the accessibility issues it finds?

The skill is designed for proactive auditing and reporting. It provides detailed remediation guidance and code examples, but it does not perform automated production code changes.

What standards does this skill audit against?

It audits specifically for WCAG 2.2 Level AA standards, covering the latest requirements for web accessibility compliance.

Does it handle false positives common in UI libraries?

Yes, it features MUI framework awareness, meaning it won't flag built-in behaviors like MUI's automatic ARIA attributes or internal SVG handling as errors.

Does this skill support frameworks other than React?

Currently, this skill is optimized specifically for React and TypeScript applications, including specialized support for the Material UI (MUI) component library.

Accessibility Auditor

Name: Accessibility Auditor
Author: cskiro

bycskiro

•

Security & Testing

Conducts comprehensive WCAG 2.2 Level AA accessibility audits for React and TypeScript applications with specialized MUI framework awareness.

The Accessibility Auditor skill empowers Claude to perform deep-dive accessibility reviews of React-based frontends, ensuring compliance with WCAG 2.2 Level AA standards. It moves beyond simple linting by integrating static analysis, runtime testing via axe-core, and manual validation patterns for keyboard navigation and screen readers. Distinctively, it includes framework-specific logic for Material UI (MUI) to prevent false positives and utilizes a risk-based severity rubric that calculates Impact x Likelihood to help developers prioritize the most critical fixes first.

Key Features

01MUI framework awareness to automatically filter out common library-specific false positives.

02Risk-based severity scoring using a specialized Impact x Likelihood rubric.

03WCAG 2.2 Level AA compliance auditing for React and TypeScript codebases.

04Multi-phase workflow including static analysis, runtime testing, and manual validation.

052 GitHub stars

06Detailed report generation in JSON and Markdown for easy stakeholder sharing.

Use Cases

01Performing a pre-release accessibility review of a new React component or complex page.

02Generating detailed accessibility compliance reports for engineering and QA teams.

03Auditing an existing Material UI application for keyboard navigation and color contrast issues.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cskiro/claudex accessibility-audit

For use in Claude.ai and ChatGPT

Download Skill