Qué es
Un lector de pantalla es un software que usan personas ciegas o con baja visión para escuchar el contenido de una página en voz alta, convirtiendo el texto en habla. Para hacerlo correctamente, necesita saber qué pronunciación y voz usar para cada idioma — palabras en francés pronunciadas con fonética francesa, palabras en inglés con fonética inglesa, y así sucesivamente — y esa información la obtiene del atributo lang configurado en la etiqueta <html> de la página.
Este es el mismo atributo que se trata desde un ángulo técnico y de SEO más amplio en nuestra otra guía sobre el atributo lang — aquí, el enfoque específico es qué le ocurre a alguien que realmente depende de un lector de pantalla cuando este atributo falta o está mal configurado.
En qué afecta
Sin un atributo lang configurado correctamente, un lector de pantalla tiene que adivinar qué idioma y voz usar, y una suposición equivocada produce resultados extraños, a veces ininteligibles — una página en inglés leída en voz alta con reglas de pronunciación de otro idioma, por ejemplo, puede convertir palabras familiares en algo que ya no suena como habla real en absoluto. Esto no es un inconveniente menor para alguien que depende de esa lectura para acceder a tu contenido en absoluto; puede hacer que una página sea funcionalmente inutilizable.
Este único atributo es una de las correcciones de accesibilidad de mayor impacto y menor esfuerzo que existen, precisamente por esa distancia entre lo pequeño que es el arreglo (una palabra, en una etiqueta) y lo por completo que puede romper la experiencia de un usuario de lector de pantalla cuando está mal.
Cómo solucionarlo
- Confirma que la etiqueta
<html>incluye un atributolangque coincida con el idioma real de la página, por ejemplo<html lang="es">. - Para una web con contenido en varios idiomas, asegúrate de que el atributo lang de cada página concreta coincide con el idioma propio de esa página, no con un valor por defecto único para todo el sitio.
- Si una sección concreta dentro de una página cambia de idioma (una frase citada en otro idioma, por ejemplo), esa sección también puede llevar su propio atributo
lang, aunque el de nivel de página es lo más importante que hay que acertar primero. - La mayoría de los creadores de webs configuran esto automáticamente según el idioma general de tu sitio — revisa ese ajuste en lugar de editar código directamente si usas una de estas plataformas.
- Si es posible, prueba realmente la página con un lector de pantalla gratuito (como NVDA en Windows, o VoiceOver integrado en macOS/iOS) para escuchar cómo se lee en voz alta.