ページを読み込んでいます
Comprueba la relación de contraste de color según los estándares WCAG. Incluye pruebas de conformidad AA/AAA y sugerencias de mejora.
Introduzca los colores de primer plano (texto) y fondo mediante códigos HEX o el selector de color.
La relación de contraste se calcula automáticamente y se muestra el estado de conformidad WCAG AA/AAA.
Si no cumple los criterios, se sugiere un color mejorado que satisface el criterio AA. Haga clic en "Aplicar" para usarlo.
Relación de contraste: 12,63:1,Texto normal AA: Aprobado,Texto grande AA: Aprobado
El texto de tamaño normal aparecerá así. Esto aplica a tamaños de fuente de 16px o menores.
Texto grande (18pt o más / 14pt negrita o más)
| AA | AAA | |
|---|---|---|
| Texto normalMín. 4.5:1 | Aprobado | Aprobado |
| Texto grandeMín. 3:1 | Aprobado | Aprobado |
La combinación de colores actual cumple el criterio AA.
Herramienta que calcula la relación de contraste entre el texto y el color de fondo basándose en las WCAG (Pautas de Accesibilidad para el Contenido Web) y verifica el cumplimiento de los estándares de accesibilidad.
AA es el estándar mínimo requerido (texto normal 4.5:1, texto grande 3:1), mientras que AAA es un estándar más exigente (texto normal 7:1, texto grande 4.5:1). Se recomienda cumplir como mínimo el nivel AA.
El texto de 18pt (24px) o mayor, o el texto en negrita de 14pt (aproximadamente 18,66px) o mayor, se considera "texto grande" y tiene un requisito de contraste menos estricto.
Se utiliza la fórmula de luminancia relativa definida en WCAG 2.0: (L1 + 0.05) / (L2 + 0.05), donde L1 es la luminancia relativa del color más claro y L2 la del color más oscuro.