Ir al contenido

Verificación del color y contraste

El Comprobador de Contraste de Color de WebAIM verifica si el contraste entre el texto y el fondo cumple con las WCAG. Se pueden introducir colores en formato hexadecimal RGB o seleccionarlos con el selector de color, ajustar la transparencia del color de primer plano con el valor Alfa y modificar la luminosidad con el deslizador.

La herramienta calcula la relación de contraste y la compara con los criterios WCAG. El nivel AA requiere al menos 4,5:1 para texto normal y 3:1 para texto grande, mientras que el nivel AAA requiere 7:1 para texto normal y 4,5:1 para texto grande. Las WCAG 2.1 también requieren una relación de 3:1 para elementos gráficos y componentes de interfaz, como los bordes de los campos de formulario. El texto se considera grande cuando tiene al menos 14 pt en negrita (aproximadamente 18,66 px) o 18 pt (aproximadamente 24 px) o más.

Entre las funciones útiles, el selector de color incluye un cuentagotas para tomar los colores directamente de la pantalla, mientras que la herramienta WAVE puede analizar automáticamente el contraste de todos los textos de una página. También está disponible un comprobador específico para el contraste de enlaces, útil cuando los enlaces solo se distinguen por el color.