Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

martes, 17 de febrero de 2009

Accesibilidad | una rueda de color

Como comparar el color del texto y el color de fondo


Accessibility Color Wheel

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

Como comparar el color del texto y el color de fondo

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
Share:

Publicidad

Estadísticas

A cotidiano, me siguen