Desempenho · GUIA PRÁTICO

Como testar o espaçamento de texto de uma página

Verifique se mudanças de espaçamento não sobrepõem ou cortam o conteúdo.

Teste se o conteúdo continua legível e funcional quando a pessoa aumenta os espaços entre linhas, parágrafos, letras e palavras. O critério WCAG 2.2, 1.4.12, verifica se essas substituições não causam perda; ele não exige que o site use esses valores por padrão nem exige um controle próprio de espaçamento.

Aplique os valores de teste

Para texto em português, use estes valores mínimos simultaneamente:

PropriedadeValor de teste
Altura da linhapelo menos 1,5 vez o tamanho da fonte
Espaço depois de parágrafospelo menos 2 vezes o tamanho da fonte
Espaço entre letraspelo menos 0,12 vez o tamanho da fonte
Espaço entre palavraspelo menos 0,16 vez o tamanho da fonte

Por exemplo, com fonte de 16 px, teste line-height: 1.5, margem inferior de parágrafo de 32 px, letter-spacing: 1.92px e word-spacing: 2.56px. Esses são valores de substituição para a avaliação, não uma recomendação de estilo padrão.

Faça um teste reproduzível

  1. Escolha páginas com títulos longos, navegação, avisos, botões, campos de formulário, tabelas e cartões; registre URL, largura da tela e tarefa.
  2. Em homologação, aplique temporariamente as quatro declarações a todos os textos. Um teste simples no painel de estilos do navegador é:
body * {
  line-height: 1.5 !important;
  letter-spacing: 0.12em !important;
  word-spacing: 0.16em !important;
}
p { margin-block-end: 2em !important; }
  1. Percorra a página e conclua a tarefa. Verifique texto cortado, sobreposição, rolagem horizontal da página, controles encobertos, botões inacessíveis e mensagens que desaparecem. Inspecione também menu aberto, erros e sucesso do formulário.
  2. Registre captura e elemento afetado; remova alturas fixas e overflow: hidden que escondem texto, permita que caixas cresçam e ajuste espaçamento responsivo. Repita o teste nos mesmos estados.

Não basta o layout parecer diferente: o texto inteiro e todas as ações precisam continuar disponíveis. A orientação do W3C sobre espaçamento de texto explica o critério e seus exemplos de conteúdo cortado/sobreposto. Consulte também o núcleo de desempenho. Este roteiro cobre esse critério, não toda a acessibilidade ou conformidade legal do site.

Continue por aqui