Acessibilidade Web Verificador de cores
O texto com baixo contraste é o problema de acessibilidade mais frequentemente detetado na Web. Consulte exatamente o que a WCAG 2.2 exige relativamente à cor e ao contraste - e verifique cada página, domínio e PDF com as ferramentas de teste da EqualWeb.
Um verificador de cores para acessibilidade web confirma se as cores do texto e da interface cumprem os requisitos de contraste das WCAG - pelo menos 4,5:1 para texto normal ao abrigo do critério de sucesso 1.4.3 das WCAG 2.2. O texto com baixo contraste é o problema de acessibilidade mais frequentemente detetado na Web, encontrado em 83,9% das 1,000,000 páginas iniciais mais populares no relatório WebAIM Million 2026. A EqualWeb integra a verificação do contraste de cores em todas as suas ferramentas de teste - o Verificador de Acessibilidade gratuito, o Crawler de Acessibilidade, o Monitor de Acessibilidade e o Verificador de PDF - para que as falhas de contraste sejam detetadas automaticamente em cada análise das WCAG 2.2.
O que exige a WCAG relativamente à cor e ao contraste?
A WCAG 2.2 estabelece limiares 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 relação de contraste de, pelo menos, 4.5:1 entre o texto normal e o respetivo 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) a negrito. As mesmas relações aplicam-se a imagens de texto, com exceções para logótipos e texto meramente decorativo.
No nível AAA, mais rigoroso, o Critério de Sucesso 1.4.6 Contraste (Melhorado) eleva o requisito para 7:1 no texto normal e 4,5:1 no texto de grandes dimensões. O contraste também não se limita ao texto: o Critério de Sucesso 1.4.11 Contraste Não Textual, de nível AA, exige pelo menos 3:1 entre os componentes da interface do utilizador - botões, limites de campos de formulário e indicadores de foco - e as cores adjacentes, bem como os mesmos 3:1 para as partes dos elementos gráficos necessárias para compreender o conteúdo.
A acessibilidade da cor também vai além do cálculo do contraste. O Critério de Sucesso 1.4.1 Utilização da Cor, Nível A, estabelece que a cor não pode ser o único meio visual de transmitir informações. Uma ligação que se distingue do corpo do texto apenas pela cor, ou um erro de formulário apresentado apenas a vermelho, não cumpre este critério, mesmo quando todos os rácios de contraste são cumpridos.
- SC 1.4.3 Contraste (Mínimo), Nível AA: pelo menos 4.5:1 para texto normal, 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 a negrito
- SC 1.4.6 Contraste (Melhorado), Nível AAA: pelo menos 7:1 para texto normal e 4,5:1 para texto grande
- SC 1.4.11 Non-text Contrast, Level AA: pelo menos 3:1 para componentes da interface do utilizador e elementos gráficos significativos
- SC 1.4.1 Utilização da Cor, Nível A: a cor nunca é o único indicador de significado
Como verifica as cores do seu sítio Web com a EqualWeb?
Não precisa de um seletor de cores separado para auditar um sítio Web ativo. A verificação do contraste de cores está integrada em todas as ferramentas de teste da EqualWeb como parte de uma análise completa das WCAG 2.2, pelo que o contraste é verificado juntamente com tudo o que as WCAG exigem - nas páginas e nos documentos que efetivamente publica.
Comece com o verificador de acessibilidade gratuito: introduza um URL e obtenha em segundos uma pontuação de acessibilidade de 0-100, com todos os elementos de baixo contraste assinalados, associados ao critério de sucesso exato das WCAG, como o 1.4.3, e ordenados por gravidade. A partir daí, o conjunto de testes adapta-se ao que precisar de abranger - um domínio completo, um site que muda diariamente ou uma biblioteca de documentos - e todos os resultados são reunidos num único painel da EqualWeb.
- Verificador de acessibilidade - análise imediata e gratuita de um único URL; assinala texto abaixo do rácio de contraste exigido, indicando o critério da WCAG 2.2 e a gravidade do problema
- Accessibility Crawler - uma extensão do Chrome baseada na nuvem que analisa todo o seu domínio em tempo real, incluindo páginas protegidas por palavra-passe, formulários e conteúdos multimédia
- Monitor de acessibilidade - análise contínua programada com uma classificação de cumprimento normativo em tempo real de 0 a 100, para detetar novos problemas de contraste introduzidos por alterações de design ou conteúdo; análise gratuita de 100 páginas para começar
- Verificador de PDF - audita documentos PDF em 7 categorias de acessibilidade; os elementos de contraste que a IA não consegue verificar integralmente são assinalados como «Requer revisão», para que uma pessoa possa confirmá-los
Como se corrigem os problemas de contraste de cores depois de serem encontrados?
Cada ocorrência sinalizada num relatório da EqualWeb inclui orientações claras sobre o que corrigir e o critério de sucesso exato das WCAG 2.2, para que os designers e programadores saibam exatamente que pares de cores devem ajustar e em que medida.
Para a correção das barreiras, a IA do widget de acessibilidade corrige automaticamente, em tempo real e através do navegador, mais de 80 problemas comuns das WCAG 2.2, sem alterar o seu código-fonte. Contudo, a automatização tem limites: as decisões sobre a paleta da marca exigem frequentemente avaliação humana e alguns critérios não podem ser verificados automaticamente. Quando o objetivo é o cumprimento integral das WCAG, da ADA e da EAA, o serviço Managed Compliance da EqualWeb acrescenta especialistas certificados pela IAAP/CPWA, que auditam, corrigem, monitorizam e verificam a sua acessibilidade de ponta a ponta.
O widget também se adapta diretamente aos visitantes. O respetivo menu de acessibilidade inclui 9 perfis e mais de 13 ferramentas de apoio, com dois perfis criados especificamente para a cor e o contraste: o perfil para pessoas com deficiência visual reforça o contraste, aumenta o texto e adiciona uma lupa, e o perfil para pessoas daltónicas ajusta as paletas para que o significado nunca dependa apenas da cor. Estes ajustes do lado do utilizador complementam - não substituem - o cumprimento das relações de contraste das WCAG no seu próprio design.
Quais são as falhas mais comuns de acessibilidade da cor?
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 visitadas, encontrou texto abaixo dos limiares de contraste das WCAG 2 AA em 83,9% das páginas iniciais - um aumento face aos 79,1% em 2025 e o problema detetado com maior frequência de todos - com uma média de 34 ocorrências distintas de baixo contraste por página.
A maioria dessas falhas resulta de alguns padrões recorrentes: texto principal cinzento-claro e texto de marcador de posição sobre fundos brancos, texto colocado sobre fotografias ou gradientes, ligações diferenciadas do texto circundante apenas pela cor e estados de erro que dependem apenas do vermelho. Como estes problemas são geralmente introduzidos uma alteração de design ou de conteúdo de cada vez, a análise contínua com o Monitor de Acessibilidade deteta-os muito mais cedo do que uma auditoria pontual.
- Texto cinzento-claro e texto de marcador de posição de formulários abaixo do mínimo de 4.5:1
- Texto sobre imagens ou gradientes sem uma camada de contraste suficiente
- Ligações identificadas apenas pela cor, sem sublinhado ou outro indicador (SC 1.4.1)
- Erros de formulário assinalados apenas tornando um campo vermelho
- Botões, ícones e indicadores de foco abaixo do mínimo não textual de 3:1 (CS 1.4.11)
Acessibilidade das cores - perguntas frequentes
Como posso verificar se as cores do meu sítio Web são acessíveis?
Que relação de contraste exigem as WCAG?
A EqualWeb dispõe de um verificador de contraste de cores?
Qual é o erro mais comum de acessibilidade da cor?
O widget da EqualWeb consegue corrigir problemas de contraste de cores?
As WCAG permitem utilizar apenas a cor para mostrar ligações ou erros?
Veja os problemas de contraste detetados no seu site
Execute uma verificação instantânea gratuita de qualquer página - incluindo o contraste de cores - ou analise todo o seu domínio com o Crawler e o Monitor.