Erro · color-contrast
Texto difícil de ler
Lighthouse / axe chamam de: Elements must meet minimum color contrast ratio thresholds · Background and foreground colors do not have a sufficient contrast ratio
Há textos claros demais sobre o fundo. Pessoas com baixa visão, clientes mais velhos e qualquer um com o celular no sol não conseguem ler. É a descoberta mais comum em processos de acessibilidade.
Quem fica de fora: pessoas com baixa visão · quem entra pelo celular
Como corrigir
Escurecer um pouco esses textos. Calculamos a cor mais próxima que passa e verificamos; seu desenvolvedor aplica em minutos.
No código
Escureça o texto (ou clareie o fundo) até chegar a 4.5:1 (3:1 para texto ≥ 24px ou negrito ≥ 19px).
✓ Nosso verificador escreve e testa esta correção por você.
Onde corrigir sem programar
Se o seu site está em uma destas plataformas, a correção fica no painel:
WordPress:
Edite a página → clique no texto → painel Bloco → Tipografia → Cor: use a cor de texto que indicamos abaixo. Para o site inteiro: Aparência → Editor → Estilos → Cores. Ou cole o CSS abaixo em CSS adicional.Shopify:
Loja virtual → Temas → Personalizar → Configurações do tema → Cores: use nessa seção a cor de texto que indicamos abaixo.Wix:
Editor → clique no texto → Configurações de texto → Cor: use a cor que indicamos abaixo. O Wix também tem um Assistente de acessibilidade (Site → Acessibilidade) que aponta o contraste.Squarespace:
Design → Estilos do site → Cores: use no tema dessa seção a cor de texto que indicamos abaixo.Webflow:
Designer → selecione o texto → Estilo → Tipografia → Cor. O painel de auditoria do Webflow também aponta o contraste.Odoo:
Site → Editar → clique no texto → na barra do texto, a cor (A) → use a cor que indicamos abaixo. Para o bloco inteiro: aba Personalizar → Cores. Se o bloco usa uma cor do tema, mude em Tema → Cores.
Não quer corrigir na mão, elemento por elemento?
Coloque o seu endereço. Em um minuto você tem cada falha da página explicada e o código corrigido, já testado em um navegador, de cada elemento que dá para corrigir. Grátis, sem conta.
O relatório completo cobre as páginas que importam (pagamento, carrinho, contato) e todas as correções, por US$ 15 uma vez ou com o monitoramento.
Erros relacionados
Os testes automáticos cobrem cerca de metade dos critérios WCAG; uma declaração de conformidade completa exige também revisão manual. Informação técnica, não aconselhamento jurídico.