Contrast Checker
Verifique a acessibilidade de cores segundo as diretrizes WCAG 2.1.
Sobre esta ferramenta
O Verificador de Contraste calcula a razão de contraste entre uma cor de texto e uma cor de fundo, exibindo se a combinação passa ou falha nos critérios de acessibilidade das diretrizes WCAG 2.1. Isso é essencial para garantir que o conteúdo seja legível para pessoas com baixa visão ou daltonismo.
Para usar, insira ou escolha a cor do texto (foreground) e a cor de fundo (background) usando os seletores de cor ou digitando valores HEX diretamente. A ferramenta calcula automaticamente a razão de contraste e exibe o resultado para cada nível WCAG: AA Normal (mínimo 4.5:1), AA Large (mínimo 3:1 para textos grandes), AAA Normal (mínimo 7:1) e AAA Large (mínimo 4.5:1). Um preview de texto de amostra mostra visualmente como a combinação fica na prática.
Desenvolvedores front-end usam a ferramenta durante a implementação de temas para verificar se as cores escolhidas pelo designer atendem os requisitos de acessibilidade antes de entregar o código. Designers a usam para validar paletas ainda no processo criativo. Auditores de acessibilidade verificam páginas existentes para identificar problemas a corrigir. Qualquer pessoa responsável por interfaces públicas — incluindo sistemas governamentais e produtos com requisitos de conformidade — precisa garantir ao menos o nível AA.
Todo o cálculo ocorre no seu navegador, sem envio de dados para servidores. Não é necessário criar conta.
Perguntas frequentes
O que é WCAG e por que importa?
WCAG (Web Content Accessibility Guidelines) são as diretrizes internacionais de acessibilidade para conteúdo web, mantidas pelo W3C. Seguir os critérios de contraste garante que textos sejam legíveis para pessoas com deficiências visuais e é requisito legal em muitos países.
Qual é a diferença entre os níveis AA e AAA?
AA é o nível mínimo recomendado para a maioria dos sites e exige razão 4.5:1 para texto normal. AAA é o nível mais rigoroso (7:1) e geralmente aplicado a textos de alto impacto. Nível A não cobre requisitos de contraste de cores.
Esta ferramenta é gratuita?
Sim, totalmente gratuita e sem necessidade de cadastro.
Meus dados são enviados para algum servidor?
Não. O cálculo da razão de contraste é feito inteiramente no seu navegador. Nenhuma cor ou dado é transmitido.
Funciona no celular?
Sim. A interface é responsiva e o seletor de cores funciona em dispositivos móveis.