Comprobador de contraste

¿El texto es legible? Incluye corrección automática

Comprueba el contraste entre el color del texto y el color de fondo según la norma WCAG, y propone un tono corregido cuando la combinación no supera el umbral de accesibilidad. Eliges dos colores, en el selector o con código HEX, y ves una vista previa en vivo de un título, un párrafo y un texto pequeño sobre el fondo elegido. La herramienta calcula la relación de contraste, de 1 a 21, y marca cuatro pruebas: AA y AAA, para texto normal y texto grande. Si el texto no supera el umbral AA para texto normal (4.5), se sugiere el tono más cercano que sí lo aprueba: el mismo tono y la misma saturación, cambiando solo el brillo, para que la marca siga siendo reconocible. El cálculo se ejecuta en el navegador.

Preguntas frecuentes

¿Qué es AA y AAA?

AA es el umbral estándar y exigido en la mayoría de los casos: una relación de 4.5 para texto normal y 3 para texto grande. AAA es más estricto: 7 para texto normal y 4.5 para texto grande.

¿Esto es suficiente para cumplir la ley?

El contraste es un requisito central pero no el único. Para cumplir la norma completa también se requiere navegación por teclado, texto alternativo para las imágenes y una declaración de accesibilidad.

¿Qué se considera texto grande?

Según las WCAG, un texto de 24 píxeles o más, o de 18.66 píxeles o más en negrita.

¿Por qué la herramienta no sugiere una corrección?

A veces no hay ningún tono de ese mismo color que supere el umbral frente al fondo que has elegido, y entonces aparece un mensaje. En ese caso, cambia el fondo para que sea más oscuro o más claro.

¿Se pueden comprobar colores con transparencia?

No. La herramienta acepta colores opacos en código HEX. Para un color transparente, primero calcula el color resultante sobre el fondo y luego introdúcelo.

Otras herramientas que te pueden servir

Todas las herramientas de Crear web con AI