El contraste de color es la diferencia de luminancia entre el texto y su fondo. Un buen contraste garantiza la legibilidad para todos los usuarios, incluidos aquellos con discapacidad visual.
Introduzca un color de texto y un color de fondo. La herramienta calcula la relación de contraste y le indica si supera los estándares WCAG AA (mínimo) o AAA (mejorado).
Frequently Asked Questions
Q: ¿Qué es la WCAG?
¿Qué es la WCAG? WCAG (Pautas de accesibilidad al contenido web) es el estándar internacional para la accesibilidad web.
Q: ¿Qué relación de contraste es buena?
¿Qué relación de contraste es buena? 4,5:1 para texto normal (AA), 3:1 para texto grande (AA), 7:1 para mejorado (AAA).
Q: ¿A qué nivel de WCAG debo apuntar?
¿A qué nivel de WCAG debo apuntar? Para sitios web estándar, opte por WCAG AA (4,5:1 para texto normal). Para proyectos centrados en la accesibilidad o sitios gubernamentales, apunte a WCAG AAA (7:1). El texto grande (18 píxeles o más en negrita) necesita 3:1 o 4,5:1.
Q: ¿Esta herramienta comprueba el daltonismo?
¿Esta herramienta comprueba el daltonismo? No, la relación de contraste tiene que ver con la luminancia, no con la percepción del color. Utilice nuestro Simulador de daltonismo junto con el Comprobador de contraste para realizar pruebas integrales de accesibilidad.
Q: ¿Cómo soluciono una relación de contraste defectuosa?
¿Cómo soluciono una relación de contraste defectuosa? Oscurezca el color del texto, aclare el color de fondo, aumente el tamaño de la fuente o ponga el texto en negrita. La herramienta destaca qué niveles WCAG pasan o fallan en tiempo real.