Verificador de Accesibilidad de Color
Comprueba ratios de contraste de color según las directrices WCAG 2.1. Prueba el cumplimiento AA y AAA para texto normal y grande. Gratis, 100% en tu navegador.
Vista previa de texto grande (18pt+)
Vista previa de texto normal — comprueba la legibilidad contra el color de fondo.
Referencia
¿Qué es el contraste de color WCAG?
Las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1 definen ratios de contraste mínimos para asegurar que el texto sea legible por personas con deficiencias visuales. El ratio de contraste va de 1:1 (sin contraste) a 21:1 (máximo, negro sobre blanco). Aproximadamente el 8% de los hombres y el 0,5% de las mujeres tienen alguna forma de deficiencia en la visión del color, lo que hace esencial un contraste suficiente para un diseño inclusivo.
Niveles de conformidad WCAG
AA — Texto normal: ratio de contraste mínimo de 4,5:1 (el requisito más común). AA — Texto grande: mínimo 3:1 (grande = 18pt/24px regular o 14pt/18,5px negrita). AAA — Texto normal: mínimo 7:1 (mejorado, recomendado para texto del cuerpo). AAA — Texto grande: mínimo 4,5:1. La mayoría de leyes y estándares de accesibilidad (ADA, Sección 508, EN 301 549) hacen referencia a WCAG AA como requisito mínimo.
Cómo se calcula el ratio de contraste
El ratio de contraste usa valores de luminancia relativa derivados de colores sRGB. Cada canal de color (R, G, B) se lineariza: si el valor sRGB ≤ 0,04045, se divide por 12,92; en caso contrario se calcula ((valor + 0,055) / 1,055)^2,4. Luminancia = 0,2126·R + 0,7152·G + 0,0722·B. El ratio de contraste = (L1 + 0,05) / (L2 + 0,05), donde L1 es la luminancia del color más claro y L2 la del más oscuro.
Privacidad
Todos los cálculos se ejecutan 100% en tu navegador. No se envían datos a ningún servidor.