¿Qué hace fixing-accessibility?
Audita y corrige problemas de accesibilidad HTML, incluyendo etiquetas ARIA, navegación por teclado, gestión de enfoque, contraste de color y errores en formularios. Úsalo al añadir controles interactivos, formularios, diálogos o al revisar el cumplimiento de WCAG.
Uso
Este skill se puede invocar directamente desde el chat o configurarse como una regla automática en tu flujo de trabajo. Proporciona análisis detallados y sugerencias de corrección para mejorar la accesibilidad de tus componentes HTML.
Ejemplo de uso
- Auditar un componente: Pega o describe el código HTML que deseas auditar.
- Revisar resultados: El skill devolverá una lista de problemas encontrados, clasificados por tipo (ARIA, teclado, enfoque, contraste, formularios).
- Aplicar correcciones: Sigue las sugerencias para modificar tu código y mejorar la accesibilidad.
Problemas comunes que detecta
- Etiquetas ARIA faltantes o incorrectas: Asegura que los elementos interactivos tengan roles y propiedades ARIA apropiados.
- Navegación por teclado: Verifica que todos los elementos interactivos sean accesibles mediante teclado (Tab, Enter, Espacio).
- Gestión de enfoque: Comprueba que el enfoque se mueva correctamente en diálogos, menús y otros componentes.
- Contraste de color: Evalúa si el contraste entre texto y fondo cumple con los niveles AA o AAA de WCAG.
- Errores en formularios: Identifica problemas como etiquetas faltantes, mensajes de error no descriptivos o falta de asociación entre etiqueta y campo.
Plataformas compatibles
- Claude Code
- Cursor
- Codex
- Otras herramientas de desarrollo con soporte para skills de IA
Notas adicionales
- Este skill no modifica tu código automáticamente a menos que se lo solicites explícitamente.
- Siempre revisa las sugerencias antes de aplicarlas para asegurarte de que se ajustan al contexto de tu proyecto.
- Para obtener mejores resultados, proporciona fragmentos de HTML completos y específicos.