skills.rest
raduceuca
raduceucaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

Accessibility Audit

Audit React components against the WCAG 2.1 AA checklist.

Updated Jan 29, 2026
Search Tags:#accessibility#a11y#web development#react#compliance#wcag
One-click install
npx skills add https://github.com/raduceuca/wcgw-fun --skill accessibility-audit-raduceuca
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Accessibility Audit
Source: https://github.com/raduceuca/wcgw-fun/tree/main/.claude/skills/a11y-audit
Command: npx skills add https://github.com/raduceuca/wcgw-fun --skill accessibility-audit-raduceuca

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers identify and fix accessibility issues in React components, ensuring compliance with WCAG 2.1 AA standards.

Core Features & Use Cases

  • WCAG Checklist: Provides a comprehensive checklist for Perceivable, Operable, Understandable, and Robust criteria.
  • Component Patterns: Offers examples of accessible patterns for buttons, links, forms, and images.
  • Testing Tools: Lists recommended tools for auditing accessibility.
  • Output Format: Defines a clear structure for reporting audit findings.
  • Use Case: A developer can use this skill to quickly audit a new set of UI components for common accessibility pitfalls before deployment.

Quick Start

Run an accessibility audit on the provided React component code.

Frequently Asked Questions about Accessibility Audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my React components for WCAG 2.1 AA compliance?▼

To check WCAG 2.1 AA compliance, audit your React components against a comprehensive checklist covering Perceivable, Operable, Understandable, and Robust criteria. This process identifies critical accessibility issues and outputs structured findings for remediation.

What are the best accessible component patterns for React forms and buttons?▼

Accessible React component patterns for forms and buttons ensure proper semantic HTML and ARIA usage. Implementing these patterns helps fulfill WCAG operable and perceivable requirements, preventing common accessibility pitfalls before deployment.

What tools do I need to perform a web accessibility audit?▼

Performing a web accessibility audit requires testing tools specifically designed to evaluate WCAG criteria. These tools scan your React components to detect violations and generate structured reports detailing accessibility issues.

How do I report accessibility audit findings for my web application?▼

Reporting accessibility audit findings requires a structured output format that clearly categorizes WCAG 2.1 AA failures. This format details critical issues found in your React components and provides actionable best practices for fixes.

Related Skills

Explore More Software Engineering Skills→
hopeoverturehopeoverture
6

ui-library-usage-auditor

Audit shadcn/ui component usage for accessibility and design-system conformance.

Community
Advanced
berkcangumusisikberkcangumusisik
11

accessibility-audit

Audit React/HTML components for WCAG 2.1 accessibility issues.

Community
Intermediate
jnlanahanjnlanahan

accessibility

Audit UI codebases for WCAG 2.1 AA violations and generate prioritized remediation plans.

Community
Intermediate
TarasTsavolykTarasTsavolyk
1

a11y-audit

Audit web UI components against WCAG 2.2 AA standards using axe and manual checks.

Community
Intermediate