Análisis del contraste del color en páginas web
El contraste de color en una página web es muy importante. No solo permite que la gente normal lea con comodidad una página, sino que las personas con algún tipo de discapacidad, como daltonismo o vista cansada, puedan leerla.
El color ideal es letra negra sobre fondo blanco, aunque se puede escoger otros colores siempre y cuando se respete el contraste. Es horrible, incluso para gente que ve perfectamente, ver páginas con letras negras sobre fondos oscuros. En esos casos, yo por ejemplo, siempre tengo que acabar desactivando estilos, o en último caso, seleccionar el texto para conseguir una letra negra sobre fondo blanco y leer cómodamente.
Utilizar combinaciones de colores de suficiente contraste es una práctica recomendada por la W3C (enlace en inglés) , concretamente en su punto de verificación 2.2:
2.2 Asegure que las combinaciones de los colores de fondo y primer plano tengan suficiente contraste para que sean percibidas por personas con deficiencias de percepción de color o por pantallas en blanco y negro [Prioridad 2 para las imágenes. Prioridad 3 para los textos].
Para medir el nivel de contraste de los colores que usas puedes utilizar el analizador de contraste del color 1.0. Se basa en la siguiente regla:
Se considera que dos colores ofrecen buena visibilidad de color si la diferencia en brillo y la diferencia en color entre ambos es mayor que un intervalo dado.
Y ese intervalo recomendado por la W3C es mayor de 125 para el brillo y mayor de 500 para la diferencia de color.
stralunato dijo
También se puede analizar el contraste en Colour Contrast Check, una herramienta online.
Se basa igualmente en las recomendaciones del W3C, aunque sólo ofrece los resultados de las diferencias de brillo y color y no los de la ceguera cromática.
Un saludo y enhorabuena por el blog, estás poniendo cosas interesantes.
14 Junio 2005 | 02:13 PM