Espaçamento entre as palavras
O que a norma pede
O espaço entre palavras é de pelo menos 0,16 vez o tamanho da fonte, ou a pessoa pode ajustar até esse valor sem perder conteúdo nem função.
Formas de atender
Basta uma delas. A primeira é a preferida; as demais são alternativas para exceções.
- Uma forma de atender: o espaçamento entre palavras já é de pelo menos 0,16 vez o tamanho da fonte.
- Outra forma: existe um mecanismo para configurar o espaçamento, e nada se perde quando ele chega a esse valor.
- 1.4.12 (AA)
Parecido na NBR 17060
A NBR 17060 trata de aplicativos. Se o seu serviço também tem app, veja o que a Bússola da NBR 17060 diz sobre o mesmo assunto:
Visões por perfil
Escolha um perfil para ver o que o requisito pede de quem ocupa esse papel:
Não use texto justificado, que cria espaços irregulares entre as palavras, e deixe folga em títulos e rótulos para o espaçamento aumentado.
Título em card
Título de duas linhas no card.
Errado: Altura travada
No protótipo
Título limitado a duas linhas, com corte.
Com mais espaço entre palavras, vira três linhas e corta.
Certo: Altura livre
No protótipo
Título pode ocupar quantas linhas precisar.
Nada se perde.
Evite line-clamp em conteúdo essencial e alturas fixas em títulos, as causas mais comuns de falha. Teste com word-spacing: 0.16em aplicado.
Título com line-clamp
Título do card de serviço.
Errado: Truncado
.titulo { -webkit-line-clamp: 2; overflow: hidden; }O fim do título some.
Certo: Livre
.titulo { overflow-wrap: break-word; }O título aparece inteiro.
Registre por página o resultado do teste de espaçamento de texto, que cobre de uma vez os quatro requisitos de espaçamento. Revise os componentes que truncam conteúdo.
Checklist de entrega
Lista de verificações antes de publicar.
Errado: Sem teste de espaçamento
Checklist
Contraste e teclado, mas não espaçamento.
Cortes passam despercebidos.
Certo: Com teste
Checklist
“Teste de espaçamento de texto sem perdas.”
Problemas pegos antes.
Com o teste de espaçamento aplicado, observe os títulos de cards e os textos em áreas estreitas. Registre os truncamentos.
Lista de serviços
Teste de espaçamento.
Errado: Título cortado
Observação
“Solicitar segunda via do…”
Perda de conteúdo.
Certo: Título completo
Observação
“Solicitar segunda via do carnê de IPTU”
Atende.
Alinhe o texto à esquerda e não use o botão de justificar do editor. Revise textos colados de documentos justificados e mantenha títulos concisos.
Texto colado de ofício
Texto de um ofício justificado.
Errado: Justificado
No editor
Alinhamento justificado mantido.
Espaços irregulares entre palavras.
Certo: À esquerda
No editor
Alinhamento à esquerda.
Espaçamento uniforme.