Sign in
Explore
Skills · SkillWeb & UIReviewed

accessibility-compliance

Builds WCAG 2.2 compliant interfaces with assistive technology support and inclusive patterns.

Kind
Skill
Works with
Claude Code, Codex
Source
wshobson/agents @ 0874a27b17a2
Path
plugins/ui-design/skills/accessibility-compliance/SKILL.md
License
MIT
Jobs
UI/UX work
InstallInstall it from a plugin marketplace.
/plugin install ui-design@claude-code-workflows
# Accessibility Compliance

Master accessibility implementation to create inclusive experiences that work for everyone, including users with disabilities.

## When to Use This Skill

- Implementing WCAG 2.2 Level AA or AAA compliance
- Building screen reader accessible interfaces
- Adding keyboard navigation to interactive components
- Implementing focus management and focus trapping
- Creating accessible forms with proper labeling
- Supporting reduced motion and high contrast preferences
- Building mobile accessibility features (iOS VoiceOver, Android TalkBack)
- Conducting accessibility audits and fixing violations

## Detailed patterns and worked examples

Detailed pattern documentation lives in `references/details.md`. Read that file when the navigation tier above is insufficient.

## Best Practices

1. **Use Semantic HTML**: Prefer native elements over ARIA when possible
2. **Test with Real Users**: Include people with disabilities in user testing
3. **Keyboard First**: Design interactions to work without a mouse
4. **Don't Disable Focus Styles**: Style them, don't remove them
5. **Provide Text Alternatives**: All non-text content needs descriptions
…