AkousaVerificador de Contraste de Cores
Verifique as razões de contraste de cores WCAG 2.1 AA/AAA para conformidade de acessibilidade.
Razão de Contraste
WCAG 2.1
Pré-visualização
A rápida raposa marrom salta sobre o cão preguiçoso.
A rápida raposa marrom salta sobre o cão preguiçoso.
A rápida raposa marrom salta sobre o cão preguiçoso.
A rápida raposa marrom salta sobre o cão preguiçoso.
Color Blindness Simulation
A rápida raposa marrom salta sobre o cão preguiçoso.
A rápida raposa marrom salta sobre o cão preguiçoso.
Sobre o Verificador de Contraste de Cores
O Verificador de Contraste de Cores WCAG verifica se a razão de contraste entre as cores do texto e do fundo atende aos padrões das Diretrizes de Acessibilidade de Conteúdo Web (WCAG) 2.1. A conformidade AA requer uma razão de 4.5:1 para texto normal, e AAA requer 7:1. Isso é essencial para tornar o conteúdo web acessível a usuários com baixa visão ou daltonismo.
Como Usar
Insira cores em hex, RGB ou HSL para o primeiro plano (texto) e fundo. A ferramenta calcula instantaneamente a razão de contraste e mostra o status aprovado/reprovado para os níveis WCAG AA e AAA. Use o botão de troca para inverter as cores. Navegue por alternativas de cores acessíveis sugeridas se sua combinação falhar.
Casos de Uso Comuns
- Garantir que designs web atendam aos requisitos de acessibilidade WCAG 2.1
- Verificar a legibilidade do texto de botões e links contra fundos
- Preparar PDFs e apresentações acessíveis
- Verificar rótulos de formulários e texto de entrada para conformidade
- Validar combinações de cores da marca para design inclusivo