Communitygithub.com

Revisión de accesibilidad

Úsalo al revisar el acceso por teclado en la interfaz de usuario, el foco, los nombres accesibles, la estructura, el contraste y el comportamiento de movimiento.

¿Qué es Revisión de accesibilidad?

Esta skill guía al agente en la revisión sistemática de la accesibilidad web desde el navegador, centrándose en los criterios de las WCAG relacionados con el teclado, el foco, los nombres accesibles, la estructura semántica, el contraste de color y el comportamiento de movimiento reducido. Utiliza un contrato de validación del navegador para verificar puntos de referencia semánticos, encabezados, asociaciones de etiquetas/entradas/errores, visibilidad del foco, orden/restauración del foco y activación por teclado. Exige el uso de acciones nativas del navegador para probar el teclado, rechazando automatizaciones como `dispatchEvent` o scripted focus, que no constituyen evidencia confiable. Incluye métodos para calcular el contraste real a partir de colores heredados o compuestos, y recomienda el uso de análisis de píxeles en fondos complejos. La skill clasifica los problemas como bloqueantes, mayores o menores, siempre con evidencia y reparación, y retiene el resultado de las comprobaciones automatizadas. Advierte que los análisis automatizados o las comprobaciones manuales limitadas no establecen conformidad completa con las WCAG, y prohíbe declarar cumplimiento global sin el alcance de auditoría requerido.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alty-oss/dev-design/tree/HEAD/skills/accessibility-review

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace Revisión de accesibilidad?

Português (Brasil)

Revisa el flujo principal implementado y los estados de recuperación relevantes utilizando el contrato de validación del navegador.

Verifica puntos de referencia semánticos/encabezados, nombres significativos, asociaciones de etiquetas/entradas y errores, visibilidad del foco, orden/restauración del foco, activación por teclado y comportamiento de escape, contraste, zoom/reflow y comportamiento de movimiento reducido.

Calibra la entrada nativa de teclado compatible con los cambios observables de foco/activación. Una API de press_key con nombre pero sin cambio de comportamiento no es suficiente. Intenta una alternativa nativa documentada cuando esté disponible; si falla, márcala como no soportada. dispatchEvent y el foco mediante script no son evidencia confiable de teclado. Utiliza acciones reales del navegador para afirmaciones sobre el teclado. Inspecciona superposiciones y validaciones. Una captura de pantalla por sí sola no puede probar el orden del foco ni el comportamiento de la tecnología de asistencia.

Para fondos sólidos, calcula el contraste a partir de los colores reales de primer plano/fondo, incluyendo opacidad/herencia/composición; utiliza análisis de píxeles cuando los fondos complejos lo requieran. Registra el método, los colores, la relación y el alcance.

Ejecuta la automatización de accesibilidad existente cuando esté disponible; registra su alcance y resultado. No agregues una dependencia de herramienta únicamente para afirmar cobertura.

Clasifica los problemas como bloqueantes/mayores/menores con evidencia y reparación; vuelve a probar el comportamiento afectado después de las correcciones.

Registra las comprobaciones no soportadas como pendientes. Los análisis automatizados y las comprobaciones manuales limitadas no establecen conformidad completa con las WCAG. No declares cumplimiento global sin el alcance de auditoría requerido.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

Skills relacionados