react-accessibility
OfficialBuild WCAG-compliant accessible React apps.
AuthorPMDevSolutions
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the common pain point of building React applications that fail WCAG accessibility standards, exclude users with disabilities, and require costly retrofits after launch to meet compliance requirements.
Core Features & Use Cases
- Accessible Component Patterns: Pre-built, WCAG 2.2 Level AA compliant implementations for modals, tabs, accordions, dropdown menus, and forms with full keyboard operability and screen reader support.
- Testing & Validation Tools: ESLint configuration for automated linting, screen reader testing guidance, color contrast checking utilities, and a comprehensive accessibility testing checklist to catch issues early in the development cycle.
- Use Case: When building a React customer portal, use this Skill to ensure all interactive elements like navigation menus, data tables, and form inputs are accessible to users with visual, motor, or cognitive disabilities.
Quick Start
Use the react-accessibility skill to add WCAG-compliant ARIA attributes and keyboard navigation to your React modal component to ensure it is usable by all users.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-accessibility Download link: https://github.com/PMDevSolutions/Aurelius/archive/main.zip#react-accessibility Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 537,000+ vetted skills library on demand.