Colour Contrast Analyser es una herramienta gratuita. Es específica para comprobar contrastes entre dos colores (primer plano y fondo), utilizando el algoritmo definido en las WCAG 2.1. Es muy buena para analizar el contraste de los textos y para seleccionar los contrastes entre elementos no textuales.

Permite:

• Seleccionar los dos colores sobre los que comprobar el contraste, directamente desde la página, o introducir los valores numéricos de los colores (hexadecimal, RGB…). 
• Con los dos colores introducidos, muestra el resultado del cálculo del ratio de contraste y también se indica de manera visual si cumple o falla cada uno de los criterios relacionados con el contraste de color en las WCAG 2.1.

Descarga Colour Contrast Analyser e instálalo en el ordenador (existe una versión portable que no requiere instalación, únicamente es necesario descargarla guardándola en el ordenador y posteriormente hacer doble clic sobre el fichero descargado).

Abre la herramienta previamente instalada en el ordenador. Usa el icono de la pipeta  para seleccionar el color de primer plano y el color de fondo sobre los que se quieres verificar el contraste. Si dificultades para seleccionar de esta forma el color a analizar, o simplemente quieres estar completamente seguro de estar analizando los colores exactos, puedes pinchar en el literal del código del color (hexadecimal, RGB, etc) e introducirlo a mano.

Es recomendable que compruebes lo que se muestra en “sample preview”. Se trata de una simulación de los dos colores seleccionados, es decir, el del texto (color en primer plano) y el del fondo (color de fondo), para asegurarte que los colores seleccionados son los correctos y no hemos introducido valores erróneos por equivocación.

En la parte inferior se muestra el resultado del cálculo del ratio de contraste y también se indica de manera visual si cumple o falla cada uno de los criterios relacionados con el contraste de color en las WCAG 2.1.

La herramienta Colour Contrast Analyser puede utilizarse como ayuda para revisar los siguientes criterios de conformidad:

• Criterio 1.4.1. Uso del color, para la comprobación:
  • Comprobación 1.4.1-B. Los enlaces no se deben diferenciar del texto que los rodea únicamente mediante el color o al menos tienen un contraste de 3:1 con el texto que los rodea y se deben emplear pistas visuales adicionales cuando reciben el foco.
• Criterio 1.4.3. Contraste (mínimo).
• Criterio 1.4.11. Contraste de contenido no textual.

En el bloque IV de este curso, se verá en detalle como utilizar esta herramienta como ayuda para revisar cada uno de estos criterios.