Exemplo de texto normal – A rápida raposa marrom.
Exemplo de texto grande (18pt+)
–
Taxa de contraste
| Norma | Nível | Taxa mínima | Resultado |
|---|---|---|---|
| Texto normal | WCAG AA | 4.5:1 | – |
| Texto grande (≥18pt / ≥14pt negrito) | WCAG AA | 3:1 | – |
| Texto normal | WCAG AAA | 7:1 | – |
| Texto grande (≥18pt / ≥14pt negrito) | WCAG AAA | 4.5:1 | – |
Como usar o verificador de contraste
- Use os seletores de cor ou insira códigos HEX para as cores de primeiro plano (texto) e fundo.
- A taxa de contraste e os resultados de conformidade WCAG se atualizam instantaneamente.
- Use Trocar para inverter primeiro plano e fundo.
Requisitos de contraste WCAG
- AA – Texto normal: mínimo 4,5:1. Exigido para conformidade WCAG 2.1 nível AA.
- AA – Texto grande: mínimo 3:1. Texto grande = 18pt (24px) normal ou 14pt (18,67px) negrito.
- AAA – Texto normal: mínimo 7:1. Padrão de acessibilidade aprimorado.
- AAA – Texto grande: mínimo 4,5:1.
Cálculo da taxa de contraste
A luminância relativa (L) é calculada a partir dos canais RGB sRGB após linearização gamma: L = 0,2126R + 0,7152G + 0,0722B. A taxa é (L1 + 0,05) / (L2 + 0,05) onde L1 é a cor mais clara.