Esquema de Accesibilidad HTML
Herramienta gratisPega un fragmento HTML. Lo analizamos con axe-core (el mismo motor de WAVE y axe DevTools) en un iframe aislado, sin tocar el DOM de esta página. Detecta jerarquía de encabezados rota, falta de landmarks, imágenes sin "alt", campos de formulario sin "label" y IDs duplicados. Todo se procesa en tu navegador: tu HTML nunca se sube a ningún servidor.
Hallazgos
Informe
Informe en Markdown
Cómo se usa
- Pega el fragmento de HTML que quieres revisar, o la página entera.
- Lanza el análisis: el código se carga en un iframe aislado y se pasa por axe-core.
- Recorre los problemas encontrados, cada uno con su gravedad y los nodos afectados.
Qué calcula y cómo
Usa axe-core, el motor de código abierto que emplean muchas extensiones de accesibilidad, para detectar fallos comprobables de forma automática: saltos en la jerarquía de encabezados, ausencia de landmarks, imágenes sin texto alternativo, campos de formulario sin etiqueta e identificadores duplicados. Analiza el HTML pegado, no su aspecto final con tus estilos.
Preguntas frecuentes
¿Pasar el análisis significa que la página es accesible?
No. Las pruebas automáticas detectan solo una parte de los problemas. Navegar con teclado y probar con un lector de pantalla sigue siendo necesario.
¿Comprueba el contraste de color?
El contraste depende de los estilos aplicados. Si pegas solo el HTML sin su CSS, esa comprobación no es representativa.
¿Por qué importa el orden de los encabezados?
Quien usa lector de pantalla salta de encabezado en encabezado para orientarse. Pasar de un h2 a un h4 rompe ese mapa de la página.