Verificador de tamanho mínimo de fonte acessível

Este verificador compara um tamanho em pixels CSS com um mínimo prático para corpo de texto, legenda ou rótulo de botão. Ele informa o limite aplicável, se o valor o atende e a diferença exata. O resultado serve como triagem inicial de acessibilidade e não significa que apenas o tamanho torne um projeto acessível.

Defina a função do conteúdo antes de avaliar o número

O tamanho da fonte não é suficiente para uma decisão, pois cada texto exerce uma função diferente. Para leitura contínua, o corpo de texto usa neste verificador um mínimo comum de 16 pixels CSS. Legendas são mais curtas e secundárias, então o limite adotado é 12 pixels. Rótulos de botão precisam permanecer legíveis dentro do controle e são comparados com 14 pixels. Escolha a função das palavras, não apenas a aparência do elemento. Uma linha sob uma imagem continua sendo legenda mesmo que use a mesma família do artigo. O texto de um controle acionável continua sendo rótulo de botão ainda que o controle pareça um link. Explicitar a função mantém auditorias consistentes entre páginas e impede que o menor limite seja aplicado a tudo. Esses valores são referências práticas comuns, não critérios legais universais. Seu design system pode exigir mínimos maiores conforme o público, a fonte, os dispositivos usados ou as condições de leitura.

Use o resultado como uma decisão de triagem

A resposta apresenta o tamanho enviado, o tipo de conteúdo, o mínimo da comparação, um indicador de atendimento e a diferença com sinal. Diferença zero significa que o tamanho coincide com o limite e passa nesta verificação. Um valor negativo mostra quanto falta; um valor positivo indica a margem disponível. A comparação direta ajuda em revisões de tokens, inventários de componentes, controles automatizados e critérios de aceite, pois transforma uma preocupação subjetiva em uma decisão reproduzível. Ainda assim, passar deve ser o começo da avaliação, não o final. O tamanho percebido varia com família tipográfica, peso, desenho das letras, altura de linha, densidade da tela, zoom e composição. Um texto de 16 pixels ainda pode ser cansativo com contraste baixo ou linhas longas. Use o alerta para encontrar riscos rapidamente e depois avalie o componente renderizado com conteúdo real, configurações assistivas e pessoas representativas sempre que possível.

Combine o mínimo com tipografia adaptável

Uma tipografia acessível precisa resistir às adaptações que as pessoas fazem na página. Depois de corrigir um tamanho sinalizado, confirme que o texto aceita zoom sem cortes, os controles crescem sem perder rótulos e o layout reorganiza o conteúdo sem exigir rolagem horizontal. Na implementação, prefira unidades CSS relativas quando elas preservarem as preferências do usuário, embora este verificador receba pixels para manter uma comparação objetiva. Verifique o contraste nos estados normal, foco, interação, desabilitado e erro. Ofereça altura e comprimento de linha confortáveis ao corpo e não esconda instruções essenciais em legendas minúsculas. Em botões, um rótulo legível não corrige uma área de toque pequena, foco invisível ou nome acessível ausente. Os limites são simples de propósito: 16 pixels para corpo, 12 para legendas e 14 para botões. Se o produto atende pessoas com baixa visão, telas distantes ou uso externo, adote um padrão interno maior e trate esta resposta apenas como alerta de base.