Accesibilidad
Hay varios estudios que estiman que 1 de cada 4 usuarios (un 25%) tiene algún tipo de discapacidad visual. Aproximadamente 1 de cada 12 hombres y 1 de cada 200 mujeres tiene problemas de daltonismo o percepción del color en diferentes grados.
El W3C tiene varias iniciativas destinadas a concienciar y fomentar que se contemple a estos usuarios con discapacidad visual a la hora de desarrollar cualquier aplicación o servicio web ( Web Accessibility Initiative, WAI ). En algunos casos los organismos o instuciones publicas exigen que se contemplen estos niveles de accesibilidad al realizar trabajos para ellos.
Realizar un diseño accesible en el apartado visual no requiere un trabajo adicional si lo tenemos en cuenta desde el principio del desarrollo y damos un repaso a las recomendaciones antes de comenzar un proyecto.
palett.es proporciona varios indicadores que te ayudarán a elegir una paleta de colores que sea accesible para el mayor número de usuarios siguiendo las directrices del WAGC2.0 en el apartado de contraste y color.
A. Sobre los grados de accesibilidad: AAA, AA
Los requisitos de accsibilidad varían de nivel de exigencia, siendo el más exigente el nivel AAA, seguido del AA y finalmente el menos exigente, el A.
Puedes comprobar la documentación completa de Web Content Accessibility Guidelines (WCAG) 2.0, también existe una versión resumida más manejable WCAG 2.0 Checklist que puede ser más práctica.
B. Matriz de contraste
Una de las principales herramientas de palett.es es la matriz de contrastes. Nos muestra de forma visual los niveles de contraste entre los colores que integran la paleta.
El nivel de contraste más bajo es de 1:1 y el nivel más alto posible es 21:1. Cuanto mayor sea el contraste menos problemas de visualización de los contenidos / textos tendran los usuarios.
C. ¿Qué significa cada dato?
1 ¿Color blind safe?. Si leemos en esta posición "YES" nos indica que esta combinación de colores es segura para los principales tipos de daltonismo.
2 AAA / AA. La guía de accesibilidad contempla tamaños de textos mínimos para titulares (aproximadamante 24px) y para textos de párrafo (aproximadamente 18px). Esto nos indica si esta combinación de colores texto / fondo tiene el contraste suficiente para cumplir el nivel de accesibilidad AAA o AA en esos tamaños.
En el ejemplo el contraste cumple el nivel de accesibilidad AAA para textos tanto de 24px (titulares) como de 18px (textos de párrafo).
3 Índice de contraste en formato numérico.
D. Simulación de tipos de daltonismo.
Este cuadrante proporciona una simulación de como ven los usuarios con los diferentes tipos de daltonismo la paleta actual y cuales son los niveles de contraste para las diferentes combinaciones.