Verificador de acessibilidade de cor + tamanho da fonte

• Considera tamanho e peso da fonte: diferentemente dos verificadores de contraste básicos, esta ferramenta considera o tamanho e o peso exatos da sua fonte para determinar o limite WCAG correto. O texto grande (≥18 pt ou ≥14 pt em negrito) só precisa de 3:1 para AA, enquanto o texto normal precisa de 4,5:1 - a ferramenta cuida disso automaticamente.
• Resultados instantâneos de aprovado/reprovado na WCAG: veja o resultado definitivo de aprovado/reprovado para WCAG AA e AAA a cada alteração nos campos. O medidor de contraste visualiza onde sua taxa se encontra em relação aos limites WCAG, e a pré-visualização ao vivo mostra exatamente como seu texto ficará no tamanho e no peso indicados.
• 100% privado - sem upload: todos os cálculos de contraste rodam localmente no seu navegador usando a fórmula oficial de luminância relativa da WCAG 2.1. Seus valores de cor e configurações de texto nunca saem do seu dispositivo.
• Grátis e sem limites: verifique combinações ilimitadas de cores e configurações de fonte sem cadastro, sem assinatura e sem limites de uso. O verificador de acessibilidade de tamanho da fonte é totalmente gratuito para sempre, sem anúncios bloqueando a interface.

O verificador de acessibilidade de cor + tamanho da fonte é uma ferramenta combinada de avaliação de contraste WCAG que considera não apenas as cores de primeiro plano e de fundo, mas também o tamanho e o peso da fonte do seu texto. A WCAG 2.1 define exigências de contraste diferentes para texto normal e texto grande: o texto grande (≥18 pt normal ou ≥14 pt em negrito) só precisa de uma taxa de 3:1 para conformidade AA, enquanto o texto normal precisa de 4,5:1. Esta ferramenta determina automaticamente qual limite se aplica com base nas suas configurações exatas de fonte, dando-lhe um resultado preciso e definitivo de aprovado/reprovado para seu caso específico.

1. Informe suas cores: digite ou cole valores HEX ou RGB para as cores de primeiro plano (texto) e de fundo. Você também pode usar o seletor de cor nativo ou escolher entre as combinações de cores predefinidas para começar rapidamente.
2. Defina tamanho e peso da fonte: ajuste o controle deslizante de tamanho da fonte (8-72 px) e selecione um peso de fonte nos botões. Use as fontes predefinidas rápidas para tamanhos comuns como texto do corpo (16 px), títulos (28 px) ou legendas (11 px).
3. Obtenha resultados definitivos: a ferramenta calcula a taxa de contraste WCAG e aplica automaticamente o limite correto conforme suas configurações de fonte. A pré-visualização ao vivo mostra exatamente como seu texto ficará, e os selos de aprovado/reprovado dão o status claro de conformidade AA e AAA.

• Texto normal (<18 pt normal / <14 pt em negrito): exige taxa de contraste mínima de 4,5:1 para WCAG AA e 7:1 para WCAG AAA. Corpo de texto, rótulos, legendas e a maior parte do texto de interface se enquadram nesta categoria.
• Texto grande (≥18 pt / 24 px normal ou ≥14 pt / 18,67 px em negrito): exige taxa de contraste mínima de 3:1 para WCAG AA e 4,5:1 para WCAG AAA. Títulos, destaques grandes e tipografia de display geralmente se qualificam como texto grande.
• Por que a diferença? O texto maior tem traços mais espessos e mais superfície, o que o torna mais fácil de ler mesmo com taxas de contraste menores. A WCAG considera isso definindo limites mais baixos para texto grande.

O verificador de acessibilidade de tamanho da fonte avalia as taxas de contraste em relação aos limites matemáticos da WCAG 2.1. Passar na verificação da taxa de contraste não garante acessibilidade completa: a conformidade com a WCAG também exige HTML semântico correto, navegação por teclado, compatibilidade com leitores de tela, gestão de foco e outros fatores não relacionados à cor. Além disso, a fórmula de contraste da WCAG não considera todos os tipos de deficiência na visão de cores. A validação completa de acessibilidade exige testes manuais com tecnologias assistivas e revisão especializada em acessibilidade. Sempre teste seus designs com usuários reais e tecnologias assistivas como parte do seu fluxo de acessibilidade.