Accesibilidad | una rueda de color

Como comparar el color del texto y el color de fondo

Es una interesante aplicación la que nos presenta Giacomo Mazzocato, en su sitio Web. Se trata de Accessibility Color Wheel



Con esta herramienta, en línea con las recomendaciones para el Contenido Web Accesible (WCAG), podemos, fácilmente, comprobar las diferencias (brillo y contraste) y la relación entre el color de fondo y el color de la fuente.

Para llevar a cabo estas comprobaciones, sólo es necesario informar en formato hexadecimal (en 3 ó 6 dígitos) uno de dos valores: sea el color de fondo o bien, el color de la fuente. Luego recorrer con el mouse la rueda de color e ir comprobando las diferencias de brillo y contraste entre uno y otro.

Las pruebas, contemplan además 3 escenarios:

• deuteranopia | disfunción para la percepción del color verde
• protanopia | disfunción para la percepción del color rojo
• tritanopia | disfunción para la percepción del color azul

En cualquier momento, puede alterarse para llevar a cabo la prueba, la elección del algoritmo que controla la aplicación:

• WCAG 2 | recomendación a la fecha en etapa de borrador
• WCAG1 | recomendación vigente a la fecha

Para desarrollar esta herramienta, Giacomo, se inspiró en el trabajo de Jemima Pereira: 4096 Color Wheel

Enlace | Accessibility Color Wheel
Vía | Gem@ Blog