What standards does this skill audit against?

The skill specifically targets WCAG 2.2 Level AA standards, the industry benchmark for accessible web applications.

How does the severity scoring work?

Unlike traditional audits that score based on WCAG level, this skill uses a rubric of Impact x Likelihood. This means a Level AA failure that blocks a user is labeled 'Critical,' while a Level A failure with low impact might be 'Low' priority.

Does it support frameworks other than React?

This skill is currently optimized for React and TypeScript environments, particularly those utilizing the MUI (Material UI) component library.

How does it handle MUI false positives?

It is programmed to recognize MUI's built-in accessibility features, such as SvgIcon's automatic aria-hidden attributes and TextField's auto-label association, so they aren't incorrectly flagged as errors.

Can this be used for automated production testing?

No, this skill is designed for proactive development-time auditing and manual validation rather than runtime monitoring in a production environment.

Accessibility Auditor

Name: Accessibility Auditor
Author: cskiro

bycskiro

0•

安全与测试

Audits React and TypeScript applications for WCAG 2.2 Level AA compliance using risk-based severity scoring and MUI-specific awareness.

The Accessibility Audit skill enables Claude to perform comprehensive accessibility reviews on React-based codebases, specifically targeting WCAG 2.2 Level AA standards. It combines static analysis, runtime simulation with tools like jest-axe, and manual validation patterns to identify critical issues like keyboard traps, poor color contrast, and missing screen reader support. Unique to this skill is its deep integration with the MUI framework, which prevents false positives by recognizing built-in accessible behaviors in components like SvgIcons and TextFields, ensuring remediation efforts are focused on genuine vulnerabilities.

主要功能

01Structured workflow covering static analysis, runtime testing, and manual validation.

020 GitHub stars

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

04Integration guidance for industry-standard tools like ESLint, jest-axe, and Playwright.

05Risk-based severity scoring based on impact and likelihood rather than just conformance levels.

06MUI framework awareness to eliminate false positives in pre-built accessible components.

使用场景

01Conducting a comprehensive accessibility audit before a major production release.

02Identifying and fixing keyboard navigation and screen reader issues in MUI-based dashboards.

03Generating prioritized accessibility remediation reports with severity-based scoring.

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