Comprobador de contraste de colores

Una página web se caracteriza por utilizar imágenes, texto y elementos con colores llamativos para captar la atención del usuario. En la mayoría de las ocasiones, se utilizarán los colores corporativos de la marca para reforzar la imagen de la empresa y facilitar su reconocimiento aunque, quizá, se produzca una falta de contraste de colores que afecte a la accesibilidad.

Es importante tener en cuenta que algunas personas no pueden leer con facilidad los contenidos o distinguir los elementos de una imagen si no se utilizan colores contrastantes. Por ello, es tan necesario el uso del Comprobador de contraste de colores y asegurar que se cumplen las Pautas de Accesibilidad para el Contenido Web (WCAG en inglés).

Relación de contraste

21.00 : 1

Resultados del cumplimiento de WCAG

Tipo de elemento
AA
AAA
Texto normal
Pasa
Pasa
Texto grande
Pasa
Pasa
Elementos no textuales
Pasa
Pasa

Ejemplo de texto grande

Ejemplo de texto normal. Experimenta con la configuración de la página para ver el resultado aquí.