Resposta direta
Um verificador de sistema de cores avalia a pertinência ao gamut, o contraste WCAG 2.2 para pares semânticos significativos e a qualidade perceptiva da escala, sugerindo remediações explícitas sujeitas à aprovação do usuário.
Como usar esta ferramenta
Abra a etapa do verificador
Entre pela página do verificador ou continue a partir do construtor com o mesmo projeto em memória.
Revise as auditorias
Analise classificações sRGB e Display-P3, resultados de pares WCAG e notas de qualidade sobre progressão de luminosidade e espaçamento entre tons.
Aplique as correções escolhidas
Aceite propostas que indiquem o token afetado, novo valor e impacto, mantendo as âncoras de marca inalteradas.
Contraste de pares semânticos e fidelidade de gamut
O cálculo de contraste usa a fórmula de luminância relativa do WCAG 2.2 aplicada a relações reais de primeiro plano e fundo, evitando matrizes ilegíveis de todas as combinações. Cores Display-P3 fora do gamut recebem alternativas sRGB determinísticas em vez de cortes abruptos de canal.
- A remediação nunca altera silenciosamente as cores de origem; tokens derivados absorvem as correções de acessibilidade.
- Não inventamos níveis AAA não textuais quando o WCAG não os define para essa relação específica.
- Todas as checagens rodam inteiramente no navegador contra o documento de cores atual.
Exemplos práticos
Auditoria AA de Primary sobre Surface
Entrada: Papéis: texto sobre Surface com destaque Primary #2563eb
Saída: Relatório de pares com status AA/AAA e token derivado sugerido opcional
Evidencia pares com falha oferecendo soluções explícitas sem destrancar a âncora da marca.
Limitações
- Calcula a acessibilidade matemática para pares planos; sobreposições com fotos complexas exigem inspeção visual dedicada.
- Heurísticas de qualidade de escala são consultivas e não substituem o julgamento estético da equipe.
Perguntas frequentes
O verificador altera a cor da minha marca de forma automática?
Não. Âncoras de origem são imutáveis. A remediação apenas gera ou ajusta tokens derivados após o seu consentimento.
É possível adicionar um par de cores personalizado?
Sim. Você pode incluir pares semânticos específicos do seu projeto para auditar interfaces reais sem gerar ruído excessivo.
As ações de correção suportam uso completo via teclado?
Sim. Todos os botões de remediação contam com navegação por teclado, foco nítido e anúncios para leitores de tela.
Referências e normas oficiais
- W3C Web Content Accessibility Guidelines (WCAG) 2.2 ↗ — Official contrast thresholds for text and non-text UI components.
- W3C Relative Luminance Definition & Formula ↗ — Relative luminance formula used for semantic pair contrast audits.