Ejemplo de texto normal – El rápido zorro marrón.
Ejemplo de texto grande (18pt+)
–
Ratio de contraste
| Norma | Nivel | Ratio mínimo | Resultado |
|---|---|---|---|
| Texto normal | WCAG AA | 4.5:1 | – |
| Texto grande (≥18pt / ≥14pt negrita) | WCAG AA | 3:1 | – |
| Texto normal | WCAG AAA | 7:1 | – |
| Texto grande (≥18pt / ≥14pt negrita) | WCAG AAA | 4.5:1 | – |
Cómo usar el verificador de contraste
- Usa los selectores de color o introduce códigos HEX para los colores de primer plano (texto) y fondo.
- El ratio de contraste y los resultados de conformidad WCAG se actualizan al instante.
- Usa Intercambiar para invertir primer plano y fondo.
Requisitos de contraste WCAG
- AA – Texto normal: mínimo 4,5:1. Requerido para la conformidad WCAG 2.1 nivel AA.
- AA – Texto grande: mínimo 3:1. Texto grande = 18pt (24px) normal o 14pt (18,67px) negrita.
- AAA – Texto normal: mínimo 7:1. Norma de accesibilidad mejorada.
- AAA – Texto grande: mínimo 4,5:1.
Cálculo del ratio de contraste
La luminancia relativa (L) se calcula a partir de los canales RGB sRGB tras la linealización gamma: L = 0,2126R + 0,7152G + 0,0722B. El ratio es (L1 + 0,05) / (L2 + 0,05) donde L1 es el color más claro.