En posts anteriores, habíamos trabajado las claves del diseño Web en relación al color y la tipografía. Sin embargo, esas claves no se adaptan a personas con deficiencias visuales. ¿Cómo trabajar, en este sentido, la accesibilidad a las Webs?
COLOR: tono, luminosidad y saturación
Las deficiencias visuales, reducen la habilidad de discriminar colores similares en relación al tono, la luminosidad y la saturación. Para compensarlo, los diseñadores deben contribuir mediante la diferenciación de los colores de manera extremada:
1. Exagerar las diferencias de luminosidad entre el color de fondo y los elementos presentes en el primer plano. No se debe asumir que la percepción lumínica es similar entre personas con deficiencia y sin deficiencia. Si se aclaran algunos colores y se oscurecen otros, se incrementa la accesibilidad de la Web.
2. Se debe evitar la utilización conjunta de colores adyacentes en el siguiente circulo, pues el parecido tonal dificulta la discriminación de colores.

Ejemplo de efectividad en la luminosidad


3. En relación al círculo anterior, se deben utilizar los colores oscuros (parte inferior) sobre fondos poco saturados de los colores claros (parte superior).

TEXTO
Las personas con vista dañada tiene dificultades para leer porque se reduce la cantidad de luz que entra al ojo, ven de forma borrosa y tienen dañada la parte central de la retina, que es la más preparada para la lectura (pues es la que permite los pequeños movimientos oculares). Para mejorar la accesibilidad debemos:
- Jugar con el contraste: El texto debe imprimirse con el mayor contraste posible: negro sobre blanco.
- Tamaño de la fuente: Se debe utilizar un cuerpo de texto elevado: 18 puntos.
- Se debe aumentar el espaciado entre las diferentes líneas.
- Se debe evitar la utilización de tipografías complicadas con excesivos elementos ornamentales. Existen evidencias, que la mejor familia tipográfica es la “sans-serif”, pues se caracteriza por caracteres fácilmente reconocibles. Las tipografías poco condensadas, también facilitan la lectura.
- El “tracking y trecking” (espacio entre caracteres y palabras) debe ser también más elevado.
En general, la accesibilidad se relaciona con un diseño más sencillo, muy contrastado y espaciado.

