Tamanhos de Fonte Legíveis: Normas e Boas Práticas
Guia completo sobre tamanhos mínimos de fonte, contraste de texto e espaçamento. Conformidade com WCAG explicada de forma simples.
Por Que o Tamanho da Fonte Importa
A tipografia é muito mais do que estética. Quando escolhemos tamanhos de fonte inadequados, estamos criando barreiras invisíveis para milhões de pessoas. Não é apenas sobre pessoas com deficiências visuais — é sobre acessibilidade para todos nós.
Você já tentou ler um site em um smartphone e precisou dar zoom três vezes? Ou abrir um PDF que parecia ter sido feito em 1995? Esses problemas não acontecem por acaso. Acontecem quando as decisões de tipografia não levam em conta a realidade de como as pessoas realmente usam a web.
As Normas WCAG: O Que Você Precisa Saber
A WCAG (Web Content Accessibility Guidelines) é o padrão internacional que define como criar conteúdo acessível. E sabe o que é melhor? Não é complicado.
Boas Práticas na Prática
Sabe o que é interessante? A maioria das boas práticas de tipografia também melhora a experiência para todos. Não é uma questão de fazer algo extra — é sobre fazer as coisas direito desde o início.
Comece testando seus textos. Use ferramentas gratuitas como o WebAIM Contrast Checker. Meça seus tamanhos. Pergunte a pessoas reais se conseguem ler sem dificuldade. Depois ajuste. Não é ciência de foguete — é apenas atenção ao detalhe.
Dica importante: Sempre teste em dispositivos reais, não apenas em seu monitor de trabalho. Um smartphone de 5 polegadas e uma tela de 27 polegadas são mundos diferentes.
Implementação Técnica
Na prática, você’ll querer usar unidades relativas em vez de pixels fixos. Isso permite que os usuários ajustem o tamanho da fonte conforme necessário. Muitas pessoas não percebem, mas é possível aumentar ou diminuir fontes no navegador — e seus designs deveriam suportar isso.
Use rem ou em para tamanhos de fonte. Comece com um tamanho base — geralmente 16px — e construa a partir daí. Títulos em 2rem, texto de corpo em 1rem, pequeno texto em 0.875rem. Simples assim. O navegador cuida do resto.
E o espaçamento? Essa é a parte que muitas pessoas ignoram. Aumento do line-height para 1.5 ou até 1.6 torna o texto muito mais fácil de ler. Não apenas para pessoas com dislexia — para todos.
Como Testar Seus Designs
Aqui está a verdade: você não precisa de ferramentas caras para validar legibilidade. Existem recursos gratuitos que fazem o trabalho tão bem quanto qualquer software premium.
WebAIM Contrast Checker
Cole cores hexadecimais e veja instantaneamente se passa nos critérios WCAG AA e AAA.
Lighthouse no Chrome
Executado direto do seu navegador. Fornece relatórios completos sobre acessibilidade.
WAVE Browser Extension
Analisa qualquer página web e destaca problemas de acessibilidade em tempo real.
O Caminho Adiante
Tamanhos de fonte legíveis não são um luxo — são o básico. Quando você investe tempo em tipografia adequada, está criando um site que funciona melhor para absolutamente todos. Pessoas idosas. Pessoas com daltonismo. Pessoas em smartphones. Pessoas em desktops de 27 polegadas.
Comece hoje. Escolha 14px para seu texto de corpo. Use um contraste de pelo menos 4.5:1. Aumente o espaçamento entre linhas. Teste em dispositivos reais. Essas mudanças simples fazem uma diferença gigantesca.
“Design acessível não é apenas para pessoas com deficiências. É design bom. Ponto final.”
A acessibilidade não é um recurso — é um fundamento. Comece por aqui.
Informação Importante
Este artigo é informativo e educacional. As diretrizes WCAG mencionadas representam as normas internacionais reconhecidas para acessibilidade web. Cada projeto é único, e as necessidades específicas podem variar dependendo do contexto, público-alvo e regulamentações locais aplicáveis em Portugal. Recomendamos sempre testar com usuários reais e consultar especialistas em acessibilidade quando implementar em ambientes críticos. Este guia não substitui consultoria profissional especializada em acessibilidade digital.