Ya hablamos bastante sobre las normas de accesibilidad y lo que exigen de un sitio. Pero hay una pregunta más práctica: ¿qué "escucha" realmente un lector de pantalla cuando alguien ciego visita tu página? La respuesta explica por qué tantos sitios técnicamente "en línea" son, en la práctica, invisibles para una parte del público.
Cómo funciona el lector de pantalla, en resumen
Un lector de pantalla (NVDA, JAWS, VoiceOver, TalkBack) lee el contenido de la página en voz alta, en el orden en que existe en el código, no en el orden visual de la pantalla. También anuncia la función de cada elemento: "botón", "enlace", "campo de texto", "encabezado nivel 2". Si el código no informa eso correctamente, la persona escucha menos información de la que debería.
Los problemas más comunes que expone
Imagen sin texto alternativo
Sin el atributo alt completado, el lector de pantalla se salta la imagen o lee el nombre del archivo, tipo "imagen 237 punto jpg". Si esa imagen tenía información importante, simplemente desaparece para quien escucha.
✓ Toda imagen con función informativa necesita un alt que describa lo que muestra.Botón sin nombre claro
Ícono de lupa sin texto, botón solo con una "X", enlace "clic acá" repetido diez veces en la misma página: el lector de pantalla anuncia "botón", pero no dice para qué sirve.
✓ Todo botón y enlace necesita un nombre accesible que describa la acción, no solo la apariencia.Jerarquía de títulos fuera de orden
El lector de pantalla usa H1, H2, H3 como un índice de navegación, permitiendo saltar directo a la sección que interesa. Cuando la jerarquía salta de H1 a H4 sin motivo, o los títulos se usan solo por el tamaño de la fuente, ese atajo se rompe.
✓ Usa la jerarquía de títulos según la estructura del contenido, nunca solo por lo visual.Formulario sin etiqueta asociada al campo
Si la etiqueta "Nombre" no está técnicamente conectada al campo de texto, el lector de pantalla anuncia solo "campo de texto vacío", sin decir qué completar ahí.
✓ Todo campo de formulario necesita una etiqueta conectada correctamente a él en el código.Prueba rápida: instala el NVDA (gratuito) en Windows, cierra los ojos e intenta navegar por el home de tu sitio solo escuchando. Si te pierdes o no entiendes para qué sirve un botón, un usuario real de lector de pantalla también se va a perder.
Un sitio puede parecer perfecto visualmente y aun así ser prácticamente ilegible para quien no ve la pantalla. La diferencia está entera en el código, no en el diseño.
Ninguno de estos ajustes exige cambiar la identidad visual del sitio. Es código bien hecho por debajo del diseño, el mismo razonamiento que ya vale para la protección de datos y para la accesibilidad legal: la accesibilidad real no es sobre renunciar a la estética, es sobre garantizar que la estructura por detrás funciona para todos.
Preguntas frecuentes
¿Necesito probar mi sitio con un lector de pantalla de verdad?
Lo ideal es que sí, al menos una vez. El NVDA es gratuito para Windows y te permite sentir en la práctica cómo navega por tu sitio una persona ciega.
¿Una imagen sin texto alternativo (alt) es grave?
Es uno de los problemas más comunes. Sin el alt, el lector de pantalla simplemente se salta la imagen o lee el nombre del archivo, tipo "imagen 237 punto jpg".
¿El título de página y el orden de los encabezados importan de verdad?
Sí. El lector de pantalla usa la jerarquía de títulos (H1, H2, H3) para armar un índice de navegación. Sin esa estructura, la persona necesita escuchar la página entera para encontrar lo que busca.