fe-a11y
CommunityMake frontend interactions accessible by default.
Software Engineering#accessibility#a11y#frontend#ui-patterns#aria#keyboard-navigation#focus-management
AuthorConradmaker
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Frontend UI components often have accessibility gaps that block keyboard and screen-reader users from effectively interacting with interactive elements. This skill provides a framework of patterns, roles, labels, and ARIA states to help developers build accessible modals, tabs, forms, accordions, and other primitives.
Core Features & Use Cases
- Guidance for semantic HTML usage, proper ARIA labeling, focus management, and live regions.
- Patterns for modals, tabs, accordions, switches, checkboxes, radios, and interactive wrappers, with practical usage scenarios in React component design.
- Use cases include auditing existing components, designing accessible primitives, and training teams on consistent a11y patterns.
Quick Start
Run an accessibility review of an interactive component and apply the core rules and patterns described here to fix labeling, roles, and focus management.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: fe-a11y Download link: https://github.com/Conradmaker/copilot-cockpit/archive/main.zip#fe-a11y 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 471,000+ vetted skills library on demand.