 |
Un
pequeño
detalle de usabilidad
del que no se salva casi nadie, es
la falta de adaptación de los sitios web para personas con
daltonismo.
|
Estas personas tienen la incapacidad de distinguir los diferentes colores del espectro y tienden a ver los colores en una gama limitada. Así es, por ejemplo, como un daltónico ve el logo de google:
La falta de adaptación de los sitios web para personas con daltonismo es habitual y a menos que el diseñador sea daltónico difícilmente pensará en las deficiencias visuales y los problemas que esto conlleva a estos usuarios.
Por eso al diseñar un sitio web hay que tener en cuenta:
- El
contraste del fondo y del texto:
El contraste es lo mas importante para un daltónico, por eso la
mejor opción es utilizar letras negras
sobre
un fondo blanco.
Los fondos azules, verdes y rojos disminuyen la legibilidad. Además,
el uso de azules ligeros y grises claros, aumenta el stress óptico
en los daltónicos. Contrast Analyser es una estupenda herramienta,
que comprueba si el contraste de nuestros sitios se ajusta a las
pautas de accesibilidad. Además incorpora una funcionalidad para
simular las condiciones visuales del daltonismo.
- Links
bien diferenciados:
Los
vínculos no
deben depender exclusivamente de un color,
o por lo menos que este no sea ni rojo ni verde. Es recomendable
marcar los enlaces de alguna forma, como por ejemplo con subrayado,
cursiva, negrita ect.
- Iconos:
A los daltónicos
les cuesta
discernir
los colores, pero las flechas, textos o líneas pueden ayudarles a
entender mejor la imagen. Además, es conveniente que los iconos
describan acciones y como refuerzo se puede incluir a cada icono una
leyenda explicativa en un tooltip (descripción emergente).
- Formularios:
El mecanismo mas utilizado en los formularios, para indicar que un
campo está incompleto y que es obligatorio rellenarlo, es añadir
un texto de aviso con letras rojas. A la persona daltónica le puede
resultar casi imposible distinguir una letra roja de una negra, le
va resultar difícil ver los campos obligatorios. Una buena solución
sería incluir alguna forma de identificación o un simple asterisco
junto a los campos obligatorios.
- Gráficos:
Los gráficos que distinguen las distintas líneas de información
sólo a través de los colores, son imposibles de interpretar. Una
posible solución, sería incorporar una leyenda junto a cada
línea. Otra opción es utilizar diferentes formas de
trazado para que las personas daltónicas puedan distinguir
las líneas.
La mayoría de las veces cuando la gente pone las imágenes en la web, el color es del todo irrelevante. Puede ser más agradable, pero el espectador debe entender la imagen a la perfección, incluso con todos los colores eliminados. Sin embargo, si el propósito de colocar la imagen es para comunicar algo acerca de los colores que en ella aparecen, entonces es importante proporcionar alguna otra forma de entender la información. A menudo la forma más adecuada de hacer esto es dar una explicación en el texto mismo.
Existe
una herramienta llamada Colorblind Web Page Filter que nos ofrece la
posibilidad de navegar por Internet a través de los ojos de un
daltónico, permitiéndonos reproducir los colores de las distintas
web tal y como los vería cualquier persona con daltonismo.
Fuentes:
Es muy importante hacer que la aplicación sea apta para personas con daltonismo, porque si no se tiene un porcentaje alto de usuarios que pueden no ver todo el contenido desplegado, todas las acciones que se muestran, toda la información que se propone que accedan, además de que ven la aplicación de forma distinta a la que originalmente se buscó diseñar.
ResponderEliminarTal como lo expusiste, se puede mejorar un sitio en su usabilidad y accesibilidad para personas daltónicas:
1. Evitando combinaciones de colores: rojo y verde, amarillo y azul principalmente.
2. Luego examinando el sitio con alguna herramienta como ejemplificaste, y mejorar los colores y la combinación de los mismos.
3. Usando colores que las personas con daltonismo puedan ver.
Muy interesante el artículo! La verdad que personalmente no lo había tenido en cuenta. A lo largo de este blog hicimos mucho hincapié en web accesibles para personas con diferentes discapacidades como por ejemplo disminución visual o aspectos particulares como es ser zurdo, o también en un post reciente sobre diseño de web para los niños.
ResponderEliminarPero tal como se refleja en este artículo, muchas veces se deja de lado esto que es tan importante y que es una realidad de muchas personas y no tenerlo en cuenta solo les dificulta su experiencia en la web.
Destaco como relevante el uso de: fondo blanco, letras negras, link que no dependan únicamente del color, explicaciones y uso de imágenes que "hablen por si solas" mas allá del color empleado.