Agent skill · design visual · aiskillstore

accessibility-compliance

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

Why this skill is useful

Provides specific ARIA patterns and WCAG 2.2 compliance guidelines that the AI wouldn't reliably generate on its own.

What it needs

About 5k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.

What this skill does

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 Core Capabilities 1. WCAG 2.2 Guidelines Perceivable: Content must be presentable in different ways Operable: Interface must be navigable with keyboard and assistive tech Understandable: Content and operation must be clear Robust: Content must work with current and future assistive technologies 2. ARIA Patterns Roles: Define element purpose (button, dialog, navigation) States: Indicate current condition (expanded, selected, disabled) Properties: Describe relationships and additional info (labelledby, describedby) Live regions: Announce dynamic content changes 3. Keyboard Navigation Focus order and tab sequence Focus indicators and visible focus states Keyboard shortcuts and hotkeys Focus trapping for modals and dialogs 4. Screen Reader Support Semantic HTML structure Alternative text for images Proper heading hierarchy Skip links and landmarks 5. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills aiskillstore/accessibility-compliance

View the source on GitHub

Browse the @skills marketplace