Verificador de Contraste de Color — Test de Accesibilidad WCAG

Verificador de Contraste de Color — Pruebe sus Colores para Accesibilidad

Verifique si el contraste entre los colores de su texto y fondo cumple con las normas de accesibilidad WCAG. Un buen contraste hace que su contenido sea legible para todos, incluidas las personas con baja visión o daltonismo — y cada vez más lo exige la ley y lo recompensan los motores de búsqueda.

¿Qué es el ratio de contraste?

El ratio de contraste mide la diferencia de brillo entre dos colores, expresado de 1:1 (sin contraste, colores idénticos) a 21:1 (contraste máximo, negro sobre blanco). Cuanto mayor sea el ratio, más fácil es leer el texto.

Las normas WCAG explicadas

• AA (mínimo): 4.5:1 para texto normal, 3:1 para texto grande — la norma legal en la mayoría de países
• AAA (mejorado): 7:1 para texto normal, 4.5:1 para texto grande — el estándar de excelencia
• El texto grande se define como 18pt+ (24px) o 14pt+ negrita (unos 18.66px negrita)

Funciones

• Cálculo en vivo: el ratio se actualiza al instante al cambiar los colores
• Selector + entrada hex: elija visualmente o escriba códigos hex exactos
• Cuatro verificaciones: texto normal y grande, en niveles AA y AAA
• Vista previa en vivo: vea texto real renderizado en sus colores elegidos
• Botón de intercambio: invierta instantáneamente texto y fondo

Por qué importa la accesibilidad

• Inclusividad: aproximadamente 1 de cada 12 hombres y 1 de cada 200 mujeres tienen alguna forma de deficiencia en la visión del color
• Cumplimiento legal: las leyes de accesibilidad (ADA, EAA, etc.) exigen cada vez más la conformidad WCAG
• Mejor UX para todos: un buen contraste ayuda a todos, especialmente en móvil bajo luz solar intensa
• SEO: los motores consideran las señales de accesibilidad en la calidad de la página

Privacidad

Esta herramienta funciona completamente en su navegador. No se envía ningún dato a ningún lugar.