¿Qué hace esta skill?

La Auditoría de Accesibilidad WCAG 2.2 Skill diseña, implementa y audita productos digitales inclusivos según los estándares WCAG 2.2 Nivel AA. Genera ARIA semántico para Web y traits de accesibilidad para iOS y Android, resolviendo la brecha entre el diseño visual y la implementación técnica accesible para usuarios que dependen de lectores de pantalla, controles por interruptores o navegación por teclado.

Auditoría de código existente

Revisa componentes de interfaz en busca de barreras de accesibilidad e incumplimientos normativos WCAG 2.2.

Nuevos criterios WCAG 2.2

Implementa Tamaño Objetivo Mínimo (24x24 px) y Apariencia del Foco visible en elementos interactivos.

Mapeo diseño a atributos técnicos

Convierte requisitos de diseño de alto nivel en roles ARIA, traits y hints para cada plataforma.

Código accesible multiplataforma

Genera componentes accesibles nativos para Web (HTML/ARIA), iOS (SwiftUI) y Android (Compose).

Cómo instalar

Descarga el ZIP, descomprimelo en ~/.claude/skills/ y reinicia Claude. Eso es todo. Guia de instalacion completa →

Ejemplos de uso

🔍 Auditar componente

Audita este formulario de registro en busca de barreras de accesibilidad WCAG 2.2 Nivel AA y dame las correcciones.

♿ Implementar ARIA

Genera un componente de pestañas accesible con ARIA semántico, gestión de foco y soporte de teclado para Web.

📱 iOS accesible

Crea un botón de acción accesible en SwiftUI con accessibilityLabel, accessibilityHint y traits correctos.

🤖 Android accesible

Implementa un Switch accesible en Jetpack Compose con contentDescription y liveRegion para anuncios dinámicos.

Características

Cumplimiento WCAG 2.2 Nivel AA Verifica los cuatro principios POUR: Perceptible, Operable, Comprensible y Robusto en cada componente.

Mapeo multiplataforma automático Traduce etiquetas, roles y regiones en vivo entre Web (ARIA), iOS (SwiftUI) y Android (Compose).

Detección de anti-patrones Identifica div-botones, significado solo por color, foco modal sin contener y texto alternativo redundante.

Nuevos criterios SC 2.5.8 y 2.4.11 Aplica tamaño objetivo mínimo de 24x24 px CSS y foco visible con contraste adecuado en elementos interactivos.

Soporte para tecnologías asistivas Garantiza operabilidad total con lectores de pantalla, controles por interruptores y navegación por teclado.

Preguntas frecuentes

Cubre WCAG 2.2 Nivel AA, incluyendo los criterios nuevos como Tamaño Objetivo Mínimo (SC 2.5.8) y Apariencia del Foco (SC 2.4.11).

Sí. La skill genera ARIA semántico para Web, traits de accesibilidad para iOS (SwiftUI) y semantics para Android (Jetpack Compose), con un mapeo automático entre plataformas.

No. La skill funciona con Claude Code o Cowork sin configuración extra. Solo necesitas tener el código o diseño que quieres auditar o implementar.

Sí. Pega tu código y la skill identificará barreras de accesibilidad, anti-patrones comunes y te entregará las correcciones necesarias para cumplir WCAG 2.2 AA.

Skills relacionadas

Mas skills de la misma categoria:

Auditoría de Accesibilidad WCAG 2.2 — Interfaces Inclusivas con Claude AI