What does this skill do?

The WCAG 2.2 Skill Accessibility Audit designs, implements, and audits inclusive digital products in accordance with WCAG 2.2 Level AA standards. It generates semantic ARIA for the web and accessibility features for iOS and Android, bridging the gap between visual design and technical implementation to ensure accessibility for users who rely on screen readers, switch controls, or keyboard navigation.

Audit of Existing Code
Check interface components for accessibility barriers and violations of WCAG 2.2 guidelines.
New WCAG 2.2 Guidelines
Implements Minimum Target Size (24x24 px) and Visible Focus Appearance for interactive elements.
Mapping Design to Technical Attributes
Convert high-level design requirements into ARIA roles, traits, and hints for each platform.
Cross-platform, accessible code
Generates native, accessible components for the web (HTML/ARIA), iOS (SwiftUI), and Android (Compose).

Usage examples

🔍 Audit component
Please audit this registration form for WCAG 2.2 Level AA accessibility barriers and provide me with the corrections.
♿ Implement ARIA
Generate an accessible tab component with semantic ARIA, focus management, and keyboard support for the web.
📱 Accessible iOS
Create an accessible action button in SwiftUI using the correct `accessibilityLabel`, `accessibilityHint`, and traits.
🤖 Accessible Android
Implement an accessible switch in Jetpack Compose using `contentDescription` and `liveRegion` for dynamic ads.

Features

WCAG 2.2 Level AA Compliance Check that each component meets the four POUR principles: Perceptible, Operable, Understandable, and Robust.
Automatic Cross-Platform Mapping Translate labels, roles, and regions in real time across the web (ARIA), iOS (SwiftUI), and Android (Compose).
Identifying Anti-Patterns Identifies div-buttons, meaning conveyed solely by color, modal focus without a container, and redundant alt text.
New Criteria SC 2.5.8 and 2.4.11 Apply a minimum target size of 24x24 px using CSS, and ensure that interactive elements are clearly highlighted with adequate contrast.
Support for Assistive Technologies It ensures full accessibility with screen readers, switch controls, and keyboard navigation.

Frequently asked questions

It complies with WCAG 2.2 Level AA, including new criteria such as Minimum Target Size (SC 2.5.8) and Focus Appearance (SC 2.4.11).
Yes. The skill generates semantic ARIA for the web, accessibility traits for iOS (SwiftUI), and semantics for Android (Jetpack Compose), with automatic cross-platform mapping.
No. The skill works with Claude Code or Cowork without any additional configuration. You just need to have the code or design you want to audit or implement.
Yes. Paste your code, and the skill will identify accessibility barriers and common anti-patterns, and provide you with the necessary fixes to comply with WCAG 2.2 AA.
WCAG 2.2 Accessibility Audit — Inclusive Interfaces with Claude AI

¿Prefieres escuchar el contenido? Genera la narración de audio con un clic.