accessibility-compliance - Implement WCAG 2.2 compliant and accessible user interfaces
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support.
Tags
Updated: 2026-09-24Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Implement WCAG 2.2 compliance
- Build screen reader accessible interfaces
- Add keyboard navigation to components
- Implement focus management and trapping
- Create accessible forms with labels
- Support reduced motion and contrast
- Build mobile accessibility features
- Audit accessibility and fix violations
Inputs
- UI component specifications
- Form fields and validation states
- Color values for contrast calculation
Outputs
- Accessible React components
- Screen reader live region announcements
- ARIA attributes and semantic markup
Requirements
- React environment
- @headlessui/react library
- Assistive technology support