Esta página foi traduzida com auxílio de IA. O original em inglês é a versão de referência.
Tracking — letter-spacing, em termos de CSS — é o ajuste uniforme do espaço entre todos os caracteres de um trecho de texto, distinto do kerning, que ajusta pares individuais. A edição de 2005 deste capítulo recomendava um aumento modesto da entreletra para blocos de texto em tela, com o argumento de que a renderização grosseira em pixels apinhava as formas de letra e que um pouco de ar extra ajudava. Aquele conselho era um produto de seu ambiente de renderização e já não vale como regra geral. A posição atualizada é mais condicional: o tracking é uma ferramenta dependente do corpo, que ajuda nos extremos da escala tipográfica e geralmente prejudica no meio, onde vive o texto corrido.
O que mudou desde 2005
Três coisas derrubaram a recomendação original. Primeiro, a renderização melhorou. Em 2005, as fontes de tela eram hintadas para uma grade grosseira e a entreletra só podia ser ajustada em incrementos de pixels inteiros — o texto original registrava essa restrição explicitamente. O posicionamento em subpixel, as telas de alta densidade e os valores fracionários do CSS (letter-spacing: 0.01em é perfeitamente legal) removeram tanto o problema do apinhamento quanto a restrição aos inteiros. Os tipos de texto desenhados para telas hoje assentam no espaçamento pretendido, e a justificativa do designer para abri-los em grande parte evaporou.
Segundo, o quadro da pesquisa amadureceu — e ficou menos arrumado. Estudos sobre entreletra aumentada para leitores com dislexia atraíram ampla atenção no início dos anos 2010, com alguns relatando ganhos significativos de velocidade e precisão de leitura em crianças. Mas os trabalhos subsequentes foram mistos: os efeitos variam com o leitor, o tipo, o idioma e o modo como o espaçamento interage com o espaço entre palavras. Para leitores com baixa visão, a evidência é igualmente ambígua — espaço extra pode reduzir o apinhamento (um fenômeno perceptivo real na visão periférica e de baixa acuidade), mas também alonga as linhas e afasta as palavras, o que carrega seus próprios custos. O resumo honesto em 2026: o espaçamento aumentado ajuda alguns leitores em algumas condições, e não existe um ajuste universal que beneficie a todos. Isso desaconselha cristalizar um meio-termo na folha de estilos e recomenda garantir que os leitores possam aplicar o seu.
Terceiro, foi exatamente isso que a WCAG formalizou. O Critério de Sucesso 1.4.12 Espaçamento de Texto (nível AA na WCAG 2.1 e 2.2) exige que o conteúdo tolere uma entreletra aplicada pelo usuário de 0.12 vez o corpo da fonte — junto com espaço entre palavras de 0.16em e entrelinha de 1.5 — sem perda de conteúdo ou funcionalidade. A obrigação do designer não é escolher o tracking perfeito; é construir layouts que sobrevivam quando o leitor escolher o dele.
O tracking depende do corpo
O princípio mais durável deste capítulo é que o tracking apropriado varia inversamente ao corpo. Os desenhadores de tipos espaçam as fontes para uma faixa-alvo de corpos; quando você compõe texto muito fora dessa faixa, o espaçamento precisa de correção.
Em corpos pequenos — legendas, notas de rodapé, rótulos de dados, microtextos de interface —, as formas de letra se apinham perceptualmente mesmo quando metricamente corretas, e um pequeno tracking positivo (da ordem de um ou dois centésimos de em) melhora genuinamente a legibilidade. As composições em caixa-alta e em versaletes são o caso mais forte: as capitulares foram desenhadas para iniciar palavras em caixa-baixa, não para sentar lado a lado, e rótulos só em maiúsculas quase sempre se beneficiam de tracking aberto, com frequência de cinco a dez centésimos de em.
Em corpos de texto corrido, o espaçamento padrão é a intenção do designer, e os desvios costumam ser perdas. O tracking positivo enfraquece as silhuetas das palavras — o envelope de "bouma" que os leitores usam para o reconhecimento rápido — e dilui o contraste entre o espaço de letra e o espaço de palavra que sinaliza as fronteiras entre palavras. O tracking negativo em corpos de texto é pior, reintroduzindo o apinhamento que mais prejudica os leitores com baixa visão.
Em corpos de exibição, a correção se inverte: manchetes grandes com frequência parecem frouxas no espaçamento padrão, porque as métricas foram calibradas para corpos menores, e um leve tracking negativo as aperta. Trata-se de um refinamento, não de uma exigência, e ele jamais deve ser aplicado a texto que o usuário possa ampliar para a função de leitura corrida.
Fontes variáveis versus tracking mecânico
O tracking mecânico — inserir espaço uniforme entre glifos desenhados para outro ritmo — é sempre um meio-termo. As fontes variáveis oferecem algo melhor. Tipos construídos com um eixo de corpo óptico mudam seu desenho real conforme o corpo: corpos ópticos menores carregam espaçamento mais largo, traços mais firmes e alturas de x maiores, enquanto corpos de exibição apertam e refinam. Os navegadores aplicam isso automaticamente via font-optical-sizing: auto quando o eixo existe. Onde uma fonte variável oferece corpo óptico (ou, mais raramente, um eixo dedicado de grade ou de espaçamento), prefira-o ao letter-spacing manual: o designer resolveu o espaçamento por corpo de forma holística, e não por acolchoamento uniforme. O tracking mecânico continua sendo o recurso de reserva para fontes estáticas e para convenções, como rótulos em caixa-alta, que nenhum eixo cobre.
Cautelas práticas
Especifique sempre o letter-spacing em unidades em, para que escale com o corpo da fonte; um valor em pixels que é sutil a 16px torna-se destrutivo quando o usuário aplica zoom ou amplia o texto. Lembre que o tracking adicionado na prática sobrepõe os pares de kerning — mais um motivo para manter os valores pequenos. E teste cada componente sob os valores de sobrescrita do 1.4.12: rótulos de navegação com tracking aberto em contêineres de largura fixa são um lugar comum para o texto ser cortado ou quebrar de forma destrutiva quando um leitor acrescenta seus próprios 0.12em.
No CSS
p { letter-spacing: normal; } /* body text: hands off */
.caps-label { letter-spacing: 0.08em; } /* open short caps runs */
/* Must survive the WCAG 1.4.12 user override without breaking:
letter-spacing: 0.12em applied to all text */Recomendações
- Não aplique tracking ao texto corrido; o espaçamento padrão do tipo é o padrão correto.
- Acrescente tracking positivo modesto (aproximadamente 0.01–0.02em) a textos muito pequenos, e mais (aproximadamente 0.05–0.1em) a rótulos em caixa-alta ou versaletes.
- Aplique tracking negativo leve apenas em corpos grandes de exibição, e somente após verificar o resultado nos tamanhos ampliados pelo usuário.
- Prefira fontes variáveis com eixo de corpo óptico ao tracking mecânico; ative font-optical-sizing.
- Especifique todo letter-spacing em unidades em, nunca em pixels.
- Verifique que não há corte, sobreposição ou perda de funcionalidade quando os usuários aplicam as sobrescritas de espaçamento da WCAG 1.4.12.
- Trate a personalização do espaçamento como prerrogativa do leitor: construa tolerância, não um único valor de tracking "acessível".