Discapacidad visual: ceguera, baja visión y daltonismo

La discapacidad visual es la más asociada a la accesibilidad web, pero es mucho más diversa de lo que suele pensarse. Solo una pequeña parte de las personas con discapacidad visual son ciegas totales; la mayoría tiene resto visual y utiliza la vista, con ayudas, para navegar. En esta lección verás tres perfiles muy distintos entre sí y las tecnologías que emplea cada uno.

Ceguera y lectores de pantalla

Una persona ciega accede al ordenador o al móvil mediante un lector de pantalla: un software que convierte en voz sintética (o en braille) lo que hay en la pantalla. No «ve» la página: la recorre de forma lineal o salta entre elementos por tipo. Los lectores más usados son NVDA (gratuito, para Windows), JAWS (comercial, Windows), VoiceOver (integrado en macOS e iOS), TalkBack (Android) y Narrador (Windows). Cómo cambia su uso en una pantalla táctil lo verás en la lección dedicada al móvil.

Es importante entender cómo navega un lector de pantalla, porque explica casi todas las reglas de la accesibilidad:

• Lee el árbol de accesibilidad que construye el navegador a partir del HTML, no los píxeles. Si algo solo existe como imagen o como estilo CSS, no lo percibe.
• Permite saltar por encabezados (tecla H en NVDA y JAWS), por enlaces, por formularios y por regiones (landmarks). Una página sin encabezados es como un libro sin índice.
• Anuncia cada elemento con su nombre, función y estado: «Enviar, botón», «Acepto las condiciones, casilla, no marcada». Si un control no tiene nombre, solo dirá «botón».
• Lee las imágenes a través de su texto alternativo (alt). Sin él, dirá el nombre del archivo o nada.

<!-- Lo que oye, aproximadamente, un usuario de NVDA -->
<img src="grafico-ventas.png">            → "grafico-ventas.png, gráfico"
<img src="grafico-ventas.png" alt="">     → (nada, se ignora)
<img src="grafico-ventas.png"
     alt="Ventas 2025: 1,2 millones, un 15 % más que en 2024">
                                           → "Ventas 2025: 1,2 millones…, gráfico"

Los criterios WCAG más directamente ligados a este perfil son 1.1.1 Contenido no textual, 1.3.1 Información y relaciones, 2.4.1 Evitar bloques, 2.4.6 Encabezados y etiquetas y 4.1.2 Nombre, función, valor.

Baja visión: magnificación y contraste

La baja visión abarca desde la miopía severa hasta patologías como la degeneración macular, el glaucoma, la retinosis pigmentaria o la retinopatía diabética. Cada una afecta de forma distinta: pérdida de visión central, de visión periférica, visión borrosa, sensibilidad al deslumbramiento. Es el perfil más numeroso dentro de la discapacidad visual y crece con la edad.

Las ayudas habituales son:

• Zoom del navegador (Ctrl++), hasta el 200 % o el 400 %. La web debe seguir siendo usable sin desplazamiento horizontal: criterio 1.4.10 Reajuste de los elementos y 1.4.4 Cambio de tamaño del texto.
• Magnificadores de pantalla como ZoomText, la Lupa de Windows o el Zoom de macOS, que amplían una porción de la pantalla. El usuario ve una «ventana» pequeña del contenido, por lo que los mensajes que aparecen lejos del punto de atención pasan desapercibidos.
• Alto contraste o modos de color invertidos del sistema operativo. El diseño debe respetar esos ajustes y no depender de imágenes de fondo para información esencial.
• Aumento del espaciado de texto con hojas de estilo propias: criterio 1.4.12 Espaciado del texto.

Para este perfil, el contraste es decisivo: 1.4.3 Contraste (mínimo) exige una relación de al menos 4,5:1 para texto normal y 3:1 para texto grande; 1.4.11 Contraste no textual exige 3:1 para componentes de interfaz y gráficos informativos.

Daltonismo y percepción del color

El daltonismo (discromatopsia) afecta a alrededor del 8 % de los hombres y al 0,5 % de las mujeres. La forma más común es la dificultad para distinguir rojo y verde; menos frecuentes son la confusión azul-amarillo y la ausencia total de color. No es una discapacidad visual grave en la vida diaria, pero en una web puede dejar sin información a millones de personas.

El criterio 1.4.1 Uso del color establece que el color no debe ser el único medio visual para transmitir información, indicar una acción o distinguir un elemento. Ejemplos de incumplimiento:

• Un campo obligatorio señalado solo con un borde rojo.
• Un gráfico de líneas cuya leyenda distingue las series únicamente por color.
• Un enlace dentro de un párrafo que solo se diferencia por ser azul, sin subrayado ni otro indicador.
• Un calendario donde los días disponibles son verdes y los ocupados, rojos.

La solución es redundancia: color más texto, más icono, más subrayado, más patrón. No se trata de eliminar el color, sino de no depender de él.

Cómo comprobarlo

• Navega con NVDA (gratuito) solo con el teclado y comprueba que oyes nombres útiles en imágenes, botones y campos.
• Amplía al 400 % en una ventana de 1.280 píxeles de ancho y verifica que no aparece desplazamiento horizontal.
• Usa un analizador de contraste y simuladores de daltonismo (los tienen las herramientas de desarrollo de Chrome y Firefox).

Resumen

• El lector de pantalla lee la semántica del código: nombres, roles, estados, encabezados y textos alternativos.
• La baja visión es el perfil más numeroso: necesita zoom, reflow, contraste y mensajes cerca del punto de atención.
• El daltonismo afecta a cerca del 8 % de los hombres; el color nunca debe ser el único canal de información (1.4.1).
• Criterios clave: 1.1.1, 1.3.1, 1.4.1, 1.4.3, 1.4.4, 1.4.10, 1.4.11, 2.4.6 y 4.1.2.