Contraste WCAG
Verifique se a combinação de cor de texto e fundo atende aos níveis AA e AAA do WCAG 2.1.
Texto grande de exemplo
Texto normal de exemplo — o suficiente para avaliar a leitura em um parágrafo com algumas linhas de conteúdo.
Texto pequeno, como legendas e rodapés de tabela.
Razão de contraste
6.91:1
- mín. 4,5:1Passa
AA · Texto normal
Abaixo de 18pt (ou 14pt em negrito)
- mín. 7:1Falha
AAA · Texto normal
Nível mais rigoroso para leitura contínua
- mín. 3:1Passa
AA · Texto grande
A partir de 18pt (ou 14pt em negrito)
- mín. 4,5:1Passa
AAA · Texto grande
Títulos com exigência AAA
- mín. 3:1Passa
AA · Componentes
Bordas de campos, ícones e estados de foco
Cores com transparência são achatadas sobre o fundo antes do cálculo, do mesmo jeito que o navegador renderiza.