Versão 2.0 — Revisada e ampliada em 2026

The Universal Web.

Diretrizes tipográficas para a acessibilidade de texto em telas. Iniciado na Rhode Island School of Design com apoio da Markle Foundation, e revisado aqui para a web moderna: telas de alta densidade, fontes variáveis, WCAG 2.2 e duas décadas de novas pesquisas sobre legibilidade.

Esta página foi traduzida com auxílio de IA. O original em inglês é a versão de referência.

Sumário

  1. 01IntroduçãoUma revisão de vinte anos das diretrizes Universal Web: retestando as constatações de acessibilidade tipográfica da era 2005 contra telas de alta densidade, fontes variáveis, WCAG 2.2 e a web responsiva moderna.6 min read
  2. 021.0 A letraOs fatores de projeto que governam a legibilidade das formas de letra em tela — estilo, peso, inclinação, largura e espaçamento — atualizados para renderização de alta densidade, pesquisa sobre aberturas e eixos de fontes variáveis.7 min read
  3. 031.1 Estilo da fontePor que a regra de 2005 'use sans serif na tela' já não se sustenta em telas de alta resolução — e o que avaliar em vez disso: altura de x, aberturas, distinção entre letras e qualidade de renderização.6 min read
  4. 041.2 Corpo da fonteDe um mínimo fixo de 14 pontos a um sistema resiliente: 16px como piso do texto corrido, dimensionamento em rem que honra as preferências do usuário, requisitos de redimensionamento do WCAG 1.4.4 e escala fluida com clamp().7 min read
  5. 051.3 Peso da fonteA regra do regular ao levemente negrito, reconstruída para 2026: eixos variáveis contínuos de peso, compensação de peso no modo escuro com grades, o problema da moda dos pesos finos e como o peso interage com o contraste das WCAG.7 min read
  6. 061.4 Inclinação da fonteAs letras romanas verticais continuam sendo a escolha certa para texto contínuo; os itálicos pertencem a trechos curtos de ênfase, e itálicos verdadeiros vencem oblíquos sintéticos todas as vezes.6 min read
  7. 071.5 Largura da fonteLarguras do regular ao levemente condensado continuam as mais legíveis; o eixo variável wdth agora torna a largura uma ferramenta de design responsivo, desde que você nunca a falsifique com escala horizontal.7 min read
  8. 081.6 Tipos selecionadosEscolha tipos por critérios mensuráveis de legibilidade — altura de x, aberturas, distinção de caracteres, espaçamento — em vez de pelo nome, e trate as alegações de marketing de 'fonte acessível' com ceticismo informado.7 min read
  9. 092.0 A palavraLeiturabilidade no nível da palavra para a leitura em tela — caixa, espaçamento, medida, hierarquia e escrita simples — fundamentada na compreensão moderna de como olhos e mentes de fato leem.7 min read
  10. 102.1 Caixa das palavrasA caixa de frase continua certa para o texto contínuo — mas a explicação da silhueta da palavra morreu; os leitores reconhecem letras em paralelo, e a caixa-alta lê mais devagar por razões de prática e semelhança entre letras, não de contorno.7 min read
  11. 112.2 Kerning e espaço entre palavrasComo o kerning e o espaço entre palavras moldam a leitura na tela, por que o texto justificado ainda falha sem hifenização e o que o WCAG 1.4.12 exige de suas decisões de espaçamento.7 min read
  12. 122.3 TrackingA entreletra depende do corpo: ajuda em versaletes e rótulos, geralmente prejudica o texto corrido e precisa tolerar as sobrescritas do usuário que a WCAG 1.4.12 garante.6 min read
  13. 132.4 EntrelinhaEntrelinha para leitura em tela: line-height sem unidade no CSS, a exigência da WCAG 1.4.12 de tolerar 1.5 e por que o valor certo depende do comprimento da linha.7 min read
  14. 142.5 Comprimento de linhaA medida de 55–65 caracteres se sustenta duas décadas depois, agora expressável diretamente no CSS com unidades ch e delimitada pela orientação de 80 caracteres da WCAG e pela exigência de refluxo a 320px.7 min read
  15. 152.6 Hierarquias tipográficasHierarquia tipográfica em 2026: escalas modulares e fluidas com clamp(), semântica estrutural de títulos exigida pelo WCAG 1.3.1 e hierarquia construída com peso e espaço, não apenas com corpo.7 min read
  16. 163.0 Cor e contrasteComo funcionam as razões de contraste, onde a matemática das WCAG 2.x fica aquém e por que mais contraste nem sempre é melhor para todos os leitores.7 min read
  17. 173.1 Modo escuro e superfícies de leituraO que a pesquisa sobre polaridade de tela diz sobre superfícies de leitura claras e escuras, a quem cada uma serve e como construir um tema escuro que permaneça legível.6 min read
  18. 183.2 Fontes variáveisComo as fontes variáveis transformam peso, largura e corpo óptico em instrumentos contínuos para legibilidade, desempenho e personalização pelo leitor.7 min read
  19. 193.3 Tipografia fluida e responsivaComo escalas tipográficas fluidas, container queries e os controles modernos de texto do CSS podem servir a todas as telas sem sobrescrever as configurações do próprio leitor.6 min read
  20. 203.4 Movimento e leituraPor que texto em movimento é texto ilegível, como a animação pode causar dano físico a leitores com sensibilidade vestibular e como é o movimento respeitoso.7 min read
  21. 213.5 Leitura e cogniçãoAcessibilidade cognitiva para texto: linguagem simples, a evidência honesta sobre fontes para dislexia e a personalização como a verdadeira fronteira.7 min read