Verificador de Contraste WCAG
Ratio de contraste AA/AAA para texto y fondos
Verifica ratios de contraste WCAG 2.1 AA y AAA en línea. Comprueba instantáneamente la legibilidad del texto, obtén sugerencias de colores accesibles y prueba cualquier combinación de primer plano y fondo. Herramienta esencial para diseñadores que crean interfaces accesibles.
Texto grande (24px bold)
Texto normal (16px) — The quick brown fox jumps over the lazy dog.
Texto pequeño (12px) — verificar accesibilidad en todos los tamaños.
// guía rápida
El contraste de color es la diferencia de luminosidad entre una fuente (o cualquier elemento en primer plano) y su fondo. Las Pautas de Accesibilidad para el Contenido Web (WCAG) definen relaciones de contraste específicas para garantizar que el texto sea legible para usuarios con discapacidad visual o daltonismo.
Cómo usar esta herramienta:
- Introduce los colores de primer plano (texto) y de fondo mediante códigos hexadecimales o los selectores de color.
- La herramienta calcula al instante la relación de contraste.
- Comprueba si la combinación supera los estándares WCAG AA (mínimo) y AAA (mejorado) tanto para texto normal como grande.
- Usa los controles deslizantes para ajustar los colores y encontrar una combinación accesible.
// preguntas frecuentes
¿Cuáles son los requisitos de contraste WCAG AA y AAA?
Para texto normal, el nivel WCAG AA requiere una relación de contraste de al menos 4.5:1, mientras que el nivel AAA requiere 7:1. Para texto grande (18pt+ o 14pt negrita), los requisitos disminuyen a 3:1 para AA y 4.5:1 para AAA.
¿Qué califica como texto grande en términos de accesibilidad?
El texto grande se define como texto que tiene al menos 18 puntos (aprox. 24px) de tamaño, o 14 puntos (aprox. 18.6px) de tamaño si está configurado en negrita.
¿Por qué es importante el verificador de contraste en el diseño web?
Un buen contraste de color es esencial para la legibilidad. Probar tus diseños contra los estándares WCAG asegura que tu sitio sea utilizable por todos, incluyendo personas con baja visión, daltonismo o usuarios que leen bajo luz solar intensa.