Vista previa del lector de pantalla

Pega HTML para ver cómo un lector de pantalla lo linealizaría y lo anunciaría. Comprueba tus textos alternativos, tus encabezados y tus atributos ARIA.

Salida del lector de pantalla

Pega HTML y haz clic en Analizar.
?? Research Basis & Sources

Para quién está diseñada esta herramienta

Los lectores de pantalla son una tecnología de asistencia esencial para las personas ciegas o con una deficiencia visual importante. Según el Informe mundial sobre la visión de la OMS (2019), al menos 2200 millones de personas en el mundo sufren una deficiencia visual, de las cuales cerca de 43 millones son ciegas. La encuesta WebAIM Screen Reader Survey (2024) constata sistemáticamente que la gran mayoría de los usuarios de lectores de pantalla son personas con discapacidad, siendo la ceguera la razón más frecuente. Desarrolladores, diseñadores y creadores de contenido usan esta herramienta para previsualizar cómo interpretarán su HTML las tecnologías de asistencia — lo que ayuda a detectar textos alternativos que faltan, estructuras de títulos incorrectas, botones y campos sin nombre accesible, y usos erróneos de ARIA, antes de que los encuentren los usuarios finales.

Cómo funciona esta herramienta

Esta herramienta analiza tu HTML mediante el DOMParser nativo del navegador (ningún dato sale de tu dispositivo) y luego recorre el árbol de accesibilidad para construir un orden de lectura linealizado. Comprueba la presencia de textos alternativos en las imágenes, la coherencia de los niveles de título, los enlaces y botones sin nombre accesible, los roles y etiquetas ARIA, así como los campos de formulario sin etiqueta asociada.

Referencias científicas

  • WebAIM (2024). «Screen Reader User Survey #10 Results.» webaim.org · La mayor encuesta continua sobre los modos de uso de los lectores de pantalla, las combinaciones de navegadores y los obstáculos a la accesibilidad. Constata sistemáticamente que los títulos y las referencias (landmarks) son las principales estrategias de navegación de los usuarios.
  • Organización Mundial de la Salud (2019). Informe mundial sobre la visión. · Informa de que al menos 2200 millones de personas en el mundo sufren una deficiencia visual de cerca o de lejos, de las cuales unos 43 millones son ciegas.
  • Power, C., Freire, A., Petrie, H. y Swallow, D. (2012). «Guidelines are only half of the story: Accessibility problems encountered by blind users on the web.» Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). · Constató que una parte importante de los problemas de accesibilidad que encuentran los usuarios ciegos no los cubrían las WCAG por sí solas, subrayando la necesidad de una revisión manual y pruebas con lector de pantalla.
  • Lazar, J., Allen, A., Kleinman, J. y Malarkey, C. (2007). «What frustrates screen reader users on the web: A study of 100 blind users.» International Journal of Human-Computer Interaction, 22(3), 247–269. · Identificó los textos alternativos que faltan, los campos de formulario sin etiqueta y las etiquetas de enlace engañosas entre las principales frustraciones reportadas por los usuarios ciegos.
  • W3C WAI (2023). «WAI-ARIA Authoring Practices 1.2.» · Define cómo deben usarse los roles, estados y propiedades para hacer accesible el contenido dinámico a las tecnologías de asistencia.

Aviso

Esta herramienta proporciona una aproximación simplificada de la salida de un lector de pantalla basada en el árbol de accesibilidad HTML. Los lectores de pantalla reales (NVDA, JAWS, VoiceOver, TalkBack) difieren en cómo anuncian el contenido, gestionan los atributos ARIA e interactúan con los widgets dinámicos. Esta vista previa no sustituye las pruebas con lectores de pantalla reales y usuarios reales. Está pensada para detectar problemas habituales temprano en el proceso de redacción.

Herramientas relacionadas

Comprobador de encabezados WCAG Recursos de accesibilidad Paleta accesible Contraste de colores