Revisar accesibilidad web y preparar correcciones
Revisar semántica, ARIA, teclado, foco, contraste y errores de una interfaz, y preparar cambios y un plan de verificación manual y automatizada relacionado con WCAG 2.1/2.2.
Ficha elaborada por peopleofthe.ai con asistencia de IA. Consulta el criterio editorial y los límites de las pruebas.
Revisión documental de contenido, licencia MIT completa, atribución histórica y requisitos; los originales y LICENSE coinciden en bytes, SHA256 y Git blob SHA con la API pública de GitHub en la revisión fijada. Sin instalación, ejecución, conversión, pruebas de calidad o compatibilidad. Límite: Las descripciones de pericia del personaje y sus referencias a niveles WCAG no acreditan conformidad, experiencia profesional ni una auditoría completa. Los ejemplos y comandos necesitan revisión para el proyecto concreto.
Antes de empezar
Comprueba que tienes lo necesario para usar este recurso.
- Visual Studio Code con GitHub Copilot y un entorno que interprete perfiles .agent.md; su carga y compatibilidad nativa no se han probado.
- Fija model: GPT-4.1; el acceso al modelo depende del entorno y no se ha validado en un plan gratuito.
- Acceso autorizado al código y a la interfaz. El frontmatter declara herramientas de búsqueda, lectura, edición, ejecución, navegador y VS Code; incluye alias como codebase, web/fetch y edit/editFiles cuya resolución debe comprobarse.
- Sus ejemplos de prueba requieren Node.js/npm/npx y herramientas externas: @axe-core/cli, pa11y y el comando lhci; el ejemplo CI añade serve y wait-on y usa Node 20. No incluye estos paquetes, sus versiones ni una configuración de CI completa validada. npx puede descargar código.
- La validación que propone combina teclado, zoom, contraste y lectores de pantalla como NVDA, JAWS, VoiceOver o TalkBack según plataforma. Esas herramientas y pruebas manuales deben obtenerse y realizarse aparte.
- Contenido gratuito bajo MIT; la disponibilidad del motor de IA, modelos y herramientas depende del acceso y las condiciones de sus proveedores. No se ha comprobado una ejecución íntegramente gratuita.
Compatibilidad declarada
Según la documentación de origen. La presencia en esta lista no implica una prueba de ejecución en cada entorno.
Una forma de empezar
EJEMPLO ILUSTRATIVOUna solicitud para adaptar a tu contexto y usar con el recurso.
Caso ficticio: revisa un modal React con botón de cierre sin nombre accesible y sin retorno del foco. Propón cambios y un plan para verificar teclado, lector de pantalla y zoom; separa lo observado de lo pendiente de probar.
Posible propuesta: dar un nombre accesible al cierre, revisar semántica y foco inicial, permitir Escape y devolver el foco al activador. Añadir una tabla de pruebas de teclado, lector de pantalla y zoom con estado pendiente; no afirmar conformidad WCAG solo por estos cambios.
Ejemplo editorial ilustrativo, redactado para explicar el uso. No procede de una ejecución del recurso; los hallazgos y resultados son hipotéticos. Este ejemplo no es una salida observada de una prueba del recurso.
La fuente, a la vista
- Recurso original
- Accessibility Expert
- Autor
- Gisela Torres (@0GiS0), contribución original; ampliación de @dangelov-qa y mantenimiento de otros contribuidores de github/awesome-copilot; copyright del repositorio: GitHub, Inc.
- Versión o revisión
- 613efc8c21d9b3ce642dff361d17006cd9967e28
- Licencia
- MIT
Conservar Copyright GitHub, Inc. y el permiso MIT completo con las copias o porciones sustanciales. El ZIP mantiene el original y LICENSE sin cambios y añade atribución, procedencia y nota editorial.
Ver fuente original