Verificador de Contraste WCAG

Verificador de Contraste WCAG

Verifique as razões de contraste de cores para conformidade de acessibilidade na web. Verifique se suas combinações de cores de texto e fundo atendem aos padrões WCAG AA e AAA para garantir que seu conteúdo seja legível para todos os usuários, incluindo aqueles com deficiências visuais.

Como usar

Insira uma cor de primeiro plano (texto) e uma cor de fundo usando os seletores de cores ou digitando valores HEX/RGB. A ferramenta calcula instantaneamente a razão de contraste e mostra se sua combinação atende aos padrões WCAG AA e AAA para texto normal e grande. Use o botão de troca para inverter rapidamente as cores.

Características

• Visualização ao Vivo – Veja como seu texto fica no fundo em tempo real
• Conformidade WCAG AA & AAA – Selos de aprovação/reprovação para texto normal e grande em ambos os níveis
• Exibição da Razão de Contraste – Cálculo preciso da razão (por exemplo, 4.5:1)
• Múltiplos Formatos de Entrada – Insira cores como HEX, RGB ou use o seletor de cores
• Trocar Cores – Inverta rapidamente o primeiro plano e o fundo com um clique
• Sugestões de Melhoria – Obtenha recomendações quando suas cores falharem na conformidade
• Tamanhos de Texto de Exemplo – Pré-visualização em tamanhos normal (16px) e grande (18px em negrito / 24px)