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: escolha uma cor de texto mais escura. 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: escolha uma cor de texto mais escura para essa seção.Wix:
Editor → clique no texto → Configurações de texto → Cor: escolha um tom mais escuro. O Wix também tem um Assistente de acessibilidade (Site → Acessibilidade) que aponta o contraste.Squarespace:
Design → Estilos do site → Cores: escolha uma cor de texto mais escura para o tema dessa seção.Webflow:
Designer → selecione o texto → Estilo → Tipografia → Cor. O painel de auditoria do Webflow também aponta o contraste.Odoo:
Site → Editar → Tema (pincel) → Cores: escureça a cor do texto desse bloco.
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.