Comprobador de contraste — WCAG AA/AAA
Comprueba la relación de contraste WCAG entre dos colores y su cumplimiento AA/AAA, en tu navegador.
🔒 Funciona por completo en tu navegador. Tu entrada y salida no se envían a ningún servidor ni se guardan: totalmente privado.
Acerca de esta herramienta
Este comprobador calcula la relación de contraste WCAG entre un color de texto y su fondo, e indica si la pareja cumple AA y AAA para texto normal y grande. Ajusta cualquiera de los colores y la relación y las insignias de aprobado o no se actualizan en vivo, para que alcances combinaciones accesibles y legibles rápidamente. Funciona por completo en tu navegador.
Preguntas frecuentes
¿Qué relación de contraste necesito para cumplir WCAG?
WCAG AA exige una relación de al menos 4,5:1 para texto normal y 3:1 para texto grande, mientras que AAA pide 7:1 y 4,5:1. Texto grande significa unos 18pt, o 14pt en negrita. Las relaciones más altas son más fáciles de leer para todos, sobre todo con luz intensa o baja visión.
¿Cumplir AA hace que mi diseño sea totalmente accesible?
El contraste es una pieza importante, pero no lo es todo. Cumplir AA significa que tu texto es legible sobre su fondo; la accesibilidad completa también depende del tamaño de fuente, los estados de foco, el uso del teclado, el texto alternativo y más, así que toma esto como una comprobación de contraste rápida y fiable.
¿Se envían mis datos a algún sitio?
No. El contraste se calcula en tu navegador, así que los colores que pruebas nunca se envían a ningún sitio.