¿Qué hace accessibilidad-a11y?
Implementa las mejores prácticas de accesibilidad web (a11y) siguiendo las pautas WCAG para crear interfaces de usuario inclusivas y accesibles.
Descripción general
Esta habilidad guía a los agentes de IA en la aplicación de los principios de accesibilidad web durante el desarrollo de interfaces de usuario. Cubre desde la semántica HTML adecuada hasta el uso de roles ARIA, contraste de color, navegación por teclado y manejo de enfoque.
Principios clave
- Perceptible: La información y los componentes de la interfaz de usuario deben presentarse de manera que los usuarios puedan percibirlos.
- Operable: Los componentes de la interfaz de usuario y la navegación deben ser operables.
- Comprensible: La información y la operación de la interfaz de usuario deben ser comprensibles.
- Robusto: El contenido debe ser suficientemente robusto para ser interpretado de manera fiable por una amplia variedad de agentes de usuario, incluyendo tecnologías de asistencia.
Prácticas recomendadas
- Semántica HTML: Usa elementos HTML semánticos como
<header>,<nav>,<main>,<article>, y<footer>. - Roles ARIA: Aplica roles ARIA solo cuando no exista un elemento HTML nativo adecuado.
- Contraste de color: Asegura una relación de contraste mínima de 4.5:1 para texto normal y 3:1 para texto grande.
- Navegación por teclado: Verifica que todos los elementos interactivos sean accesibles mediante teclado.
- Etiquetas descriptivas: Proporciona etiquetas claras y descriptivas para todos los formularios, botones y enlaces.
- Gestión del enfoque: Implementa un orden de enfoque lógico y consistente.
- Texto alternativo: Incluye texto alternativo significativo en todas las imágenes.
- Pruebas de accesibilidad: Realiza pruebas utilizando herramientas automáticas y manuales, como lectores de pantalla (NVDA, VoiceOver).
Plataformas compatibles
- Claude Code
- Cursor
- Codex
Cómo usarlo
Integra esta habilidad en tu agente de IA para auditar y mejorar la accesibilidad de tus proyectos web. El agente aplicará las pautas WCAG de manera consistente durante el desarrollo.