Test de contraste de colores

Para que una página web sea accesible para personas que padecen una discapacidad visiva como los que tienen dificultades de percepción cromática, necesita, entre otras cosas, que el contraste entre colores sea elevado. El Consorcio de la World Wide Web sugiere un algoritmo para determinar si el color del primer plano y el color de fondo son accesibles. Para ello se basa en dos parámetros, la diferencia de brillo y la diferencia de color. Si los dos superan un valor límite entonces se considera que ofrecen una buena visibilidad.

Esta utilidad te puede resultar útil a la hora de determinar si los colores utilizados en una página son conformes a las recomendaciones del W3C. Para ello simplemente entra el código HTML del color de fondo y del color de letra. Como se indica, el límite para la diferencia de color es 500, mientras que para la diferencia de brillo es 125. Si el resultado del test es un semáforo en verde, es que los colores son accesibles. Si el resultado es un semáforo en amarillo, es que uno de los dos parámetros no es válido. Si el resultado es un semáforo en rojo es que ambos valores están por debajo del umbral.

Color de fondo: # Color de texto: #

Diferencia de brillo (>= 125): 255
Diferencia de color (>= 500): 765

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean porttitor lorem et est. Quisque venenatis ullamcorper dui. Nulla tristique est sit amet odio. Aliquam nunc orci, mattis non, luctus ac, volutpat id, metus.

Como se puede comprobar la combinación de colores "posibles" disminuye drásticamente pero esto no significa que siempre nos tengamos que limitar a este rango de colores. Al fin y al cabo, esto siempre va a depender de los requerimientos que tengamos a la hora de diseñar la página. Lo que si que está pasando en otros paises como el Reino Unido es que muchos sitios oficiales están creando estándares de accesibilidad y toda página que se publique debe seguirlos. Sino, no se publica. Es de suponer que aquí ocurra lo mismo en poco tiempo.

Sin comentarios

Publicar comentario