WCAG - Color contrast checker es una extensión gratuita del navegador web. Es específica para comprobar contrastes de colores de primer plano y fondo únicamente de los contenidos textuales. Utiliza el algoritmo definido en las WCAG 2.1. 

Permite:

• Obtener los colores de los contenidos textuales de manera automática de la página y muestra todas las combinaciones de color existentes, junto con el tamaño del texto asociado y una indicación de si pasa o no el ratio de contraste mínimo (resultado de analizar las hojas de estilos css de la página).
• Seleccionar una combinación de color, resaltando en la página los elementos que estén utilizando esa combinación de color, facilitando en las comprobaciones. Los elementos visibles en la página se mostrarán con el icono . Los elementos ocultos se mostrarán con el icono .
  

Instala la extensión para el navegador web: Chrome / Firefox.

Una vez que instalada, puedes accede a ella a través de un botón de la zona de extensiones del navegador: 

Tras realizar la instalación, abre en el navegador la página a analizar y pinchar en el botón correspondiente a WCAG - Color contrast checker de la zona de extensiones del navegador. Se desplegará un la parte izquierda de la pantalla. 

Se mostrará de manera automática todos los colores de los componentes textuales de la página, todas las combinaciones de color junto con el tamaño del texto asociado y una indicación de si pasa o no el ratio de contraste mínimo. Además, si seleccionas una combinación de color se resaltarán en la página los elementos que estén utilizando esa combinación de color, si dichos elementos son visibles, facilitando las comprobaciones.

Debes tener cuidado con las posibles identificaciones de colores erróneas. Es importante que compruebes que los colores detectados automáticamente se corresponden con los colores visibles en la página. Es necesario que revises especialmente el contraste del texto superpuesto en imágenes. Para los casos en que la selección de color automática no sea correcta, la herramienta permite seleccionar el color en la sección de “Color tool”, utilizando el botón de selección de color.

Para cerrar la herramienta debes volver a pulsar sobre el icono, o pinchar en el aspa que aparece en la parte superior derecha del panel de la herramienta.

La herramienta WCAG - Color contrast checker puede utilizarse como ayuda para revisar los siguientes criterios de conformidad:

• Criterio 1.4.3. Contraste (mínimo).

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