Acessibilidade digital Verificador de cores
O texto com baixo contraste é o problema de acessibilidade detectado com mais frequência na web. Veja exatamente o que a WCAG 2.2 exige para cores e contraste - e verifique cada página, domínio e PDF com as ferramentas de teste da EqualWeb.
Um verificador de cores para acessibilidade digital confirma se as cores do texto e da interface atendem aos requisitos de contraste da WCAG - pelo menos 4,5:1 para texto normal segundo a WCAG 2.2 SC 1.4.3. Texto com baixo contraste é o problema de acessibilidade detectado com mais frequência na web, encontrado em 83,9% das 1.000.000 páginas iniciais mais acessadas no relatório WebAIM Million 2026. A EqualWeb incorpora a verificação de contraste de cores a todas as suas ferramentas de teste - o Accessibility Checker gratuito, o Accessibility Crawler, o Monitor e o PDF Checker - para que falhas de contraste sejam detectadas automaticamente em cada verificação da WCAG 2.2.
O que a WCAG exige para cores e contraste?
WCAG 2.2 define limites exatos e mensuráveis para o contraste de cores. O Critério de Sucesso 1.4.3 Contraste (Mínimo), Nível AA, exige uma taxa de contraste de pelo menos 4,5:1 entre o texto normal e seu fundo e de pelo menos 3:1 para texto grande. Texto grande significa pelo menos 18 pontos (cerca de 24 px) com peso normal ou 14 pontos (cerca de 18,5 px) em negrito. As mesmas taxas se aplicam a imagens de texto, com exceções para logotipos e texto puramente decorativo.
No nível AAA, que é mais rigoroso, o Critério de Sucesso 1.4.6 Contraste (Aprimorado) eleva o requisito para 7:1 em textos normais e 4,5:1 em textos grandes. O contraste também não se limita ao texto: o Critério de Sucesso 1.4.11 Contraste Não Textual, nível AA, exige pelo menos 3:1 entre componentes da interface do usuário - botões, bordas de campos de formulário e indicadores de foco - e as cores adjacentes, além da mesma proporção de 3:1 para as partes dos elementos gráficos necessárias para compreender o conteúdo.
A acessibilidade das cores também vai além do cálculo de contraste. O Critério de Sucesso 1.4.1, Uso de Cores, Nível A, determina que a cor não pode ser o único meio visual de transmitir informações. Um link diferenciado do texto principal apenas pela cor ou um erro de formulário exibido apenas em vermelho não atende a esse critério, mesmo quando cada relação de contraste é aprovada.
- SC 1.4.3 Contraste (Mínimo), nível AA: pelo menos 4,5:1 para texto normal e 3:1 para texto grande
- Texto grande: pelo menos 18 pt (cerca de 24 px) ou 14 pt (cerca de 18,5 px) se estiver em negrito
- CS 1.4.6 Contraste (Aprimorado), Nível AAA: pelo menos 7:1 para texto normal e 4,5:1 para texto grande
- SC 1.4.11 Contraste Não Textual, nível AA: pelo menos 3:1 para componentes da interface do usuário e elementos gráficos significativos
- SC 1.4.1 Uso de cores, Nível A: a cor nunca é o único indicador de significado
Como verificar as cores do seu site com a EqualWeb?
Você não precisa de um seletor de cores separado para auditar um site ativo. A verificação do contraste de cores está integrada a todas as ferramentas de teste da EqualWeb como parte de uma verificação completa da WCAG 2.2, portanto, o contraste é verificado junto com tudo o que a WCAG exige - nas páginas e nos documentos que você realmente publica.
Comece com o verificador de acessibilidade gratuito: insira uma URL e obtenha em segundos uma pontuação de acessibilidade de 0 a 100, com cada elemento de baixo contraste sinalizado, associado ao critério de sucesso exato da WCAG, como 1.4.3, e priorizado por gravidade. A partir daí, o conjunto de testes se adapta ao que você precisa cobrir - um domínio inteiro, um site que muda diariamente ou uma biblioteca de documentos - e todos os resultados são enviados a um único painel da EqualWeb.
- Accessibility Checker - verificação instantânea e gratuita de qualquer URL individual; sinaliza textos abaixo da taxa de contraste exigida, com o critério da WCAG 2.2 e a gravidade dos problemas
- Accessibility Crawler - uma extensão do Chrome baseada em nuvem que verifica todo o seu domínio em tempo real, incluindo páginas protegidas por senha, formulários e mídia
- Monitor - verificação contínua programada com uma pontuação de conformidade de 0-100 em tempo real, para detectar novos problemas de contraste introduzidos por alterações no design ou no conteúdo; verificação gratuita de 100 páginas para começar
- PDF Checker - audita documentos PDF em 7 categorias de acessibilidade; os itens de contraste que a IA não consegue verificar por completo são marcados como Necessita revisão para confirmação humana
Como corrigir problemas de contraste de cores depois de encontrá-los?
Para qualquer ocorrência sinalizada em um laudo da EqualWeb, há orientações claras sobre o que corrigir e o critério de sucesso exato da WCAG 2.2, para que designers e desenvolvedores saibam precisamente quais pares de cores ajustar e em que medida.
Para a adequação, a IA do Widget de Acessibilidade corrige automaticamente 80+ problemas comuns da WCAG 2.2 em tempo real pelo navegador, sem alterar seu código-fonte. Porém, a automação tem limites: decisões sobre a paleta da marca geralmente exigem avaliação humana, e alguns critérios não podem ser verificados automaticamente. Quando o objetivo é documentar a conformidade com a WCAG, a ADA e a LBI, o serviço Managed Compliance da EqualWeb acrescenta especialistas certificados IAAP/CPWA que auditam, fazem a adequação, monitoram e documentam sua acessibilidade de ponta a ponta.
O widget também atende diretamente aos visitantes. Seu menu de acessibilidade inclui 9 perfis e mais de 13 ferramentas assistivas, com dois perfis desenvolvidos especificamente para cor e contraste: o perfil para pessoas com deficiência visual reforça o contraste, amplia o texto e adiciona uma lupa, enquanto o perfil para pessoas com daltonismo ajusta as paletas para que o significado nunca dependa apenas da cor. Esses ajustes feitos pelo usuário complementam - mas não substituem - o atendimento às proporções de contraste da WCAG em seu próprio design.
Quais são as falhas mais comuns de acessibilidade de cores?
O texto com baixo contraste é a falha de acessibilidade mais comum na web. O relatório WebAIM Million 2026, que analisa as 1.000.000 páginas iniciais mais acessadas, encontrou textos abaixo dos limites de contraste do WCAG 2 AA em 83,9% das páginas iniciais - acima dos 79,1% de 2025 e o problema mais frequentemente detectado de todos - com uma média de 34 ocorrências distintas de baixo contraste por página.
A maioria dessas falhas vem de alguns padrões recorrentes: texto do corpo em cinza-claro e texto de espaço reservado sobre fundos brancos, texto sobre fotos ou gradientes, links diferenciados do texto ao redor apenas pela cor e estados de erro que dependem somente do vermelho. Como esses problemas geralmente são introduzidos a cada alteração de design ou conteúdo, a verificação contínua com o Accessibility Monitor os detecta muito antes do que uma auditoria pontual.
- Texto cinza-claro e texto de espaço reservado de formulário abaixo do mínimo de 4,5:1
- Texto sobre imagens ou gradientes sem uma camada de contraste suficiente
- Links identificados apenas pela cor, sem sublinhado ou outro indicador (SC 1.4.1)
- Erros de formulário sinalizados apenas pela mudança do campo para vermelho
- Botões, ícones e indicadores de foco abaixo do mínimo não textual de 3:1 (CS 1.4.11)
Acessibilidade de cores - perguntas frequentes
Como verificar se as cores do meu site são acessíveis?
Qual taxa de contraste a WCAG exige?
A EqualWeb tem um verificador de contraste de cores?
Qual é o erro mais comum de acessibilidade de cores?
O widget da EqualWeb pode corrigir problemas de contraste de cores?
A WCAG permite usar apenas cores para indicar links ou erros?
Veja problemas de contraste no seu site
Execute uma verificação gratuita e instantânea de qualquer página - incluindo o contraste de cores - ou verifique todo o seu domínio com o Crawler e o Monitor.