Espaçamento entre os parágrafos
O que a norma pede
O espaço entre parágrafos é de pelo menos 2 vezes 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ço entre parágrafos já é de pelo menos 2 vezes 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)
- 1.4.8 (AAA)
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:
Defina o espaço entre parágrafos em pelo menos duas vezes o tamanho da fonte e não use o recuo de primeira linha como única separação. Parágrafos bem separados mostram onde uma ideia termina.
Página de serviço
Estilo de parágrafo.
Errado: Sem espaço
Na especificação
Parágrafos colados, separados só por quebra de linha.
Parece um bloco único.
Certo: Espaço generoso
Na especificação
Parágrafo 16px com 32px de espaço depois.
Cada ideia se destaca.
Separe parágrafos com o elemento p, e não com br duplo, e use margens em em, como margin-bottom: 2em, para que o espaço acompanhe a fonte e possa ser aumentado.
Parágrafos com br
Conteúdo vindo do gerenciador.
Errado: Quebras manuais
Primeiro parágrafo.<br><br>Segundo parágrafo.O espaçamento não pode ser ajustado.
Certo: Parágrafos reais
<p>Primeiro parágrafo.</p> <p>Segundo parágrafo.</p> /* p { margin-bottom: 2em; } */Espaçamento ajustável.
Inclua o espaçamento entre parágrafos no padrão tipográfico e garanta que o gerenciador de conteúdo gere parágrafos reais. Textos de serviços públicos costumam ser longos e dependem disso para serem lidos.
Editor que gera br
O gerenciador converte Enter em br.
Errado: Mantido
Situação
Todo texto publicado vira um único parágrafo.
Sem estrutura e sem espaçamento ajustável.
Certo: Corrigido
Situação
Editor passa a gerar p.
Textos bem estruturados.
Com o teste de espaçamento aplicado, confira se o espaço entre parágrafos aumenta sem cortar nada em textos longos e avisos. Inspecione se os parágrafos são p ou quebras de linha.
Aviso com dois parágrafos
Teste de espaçamento.
Errado: Texto sobreposto
Observação
O segundo parágrafo passa por cima do botão.
Perda de função.
Certo: Espaço acomodado
Observação
O aviso cresce e o botão desce.
Atende.
Escreva uma ideia por parágrafo e crie parágrafos com Enter no editor, e não com Shift+Enter. Evite parágrafos com mais de cinco linhas.
Texto do serviço
Explicação de como pedir o benefício.
Errado: Bloco único
Texto
Doze linhas sem quebra de parágrafo.
Difícil de acompanhar.
Certo: Parágrafos curtos
Texto
Três parágrafos: quem pode pedir, o que levar, prazo.
Fácil de percorrer.