Largura de blocos de texto
O que a norma pede
Blocos de texto não passam de 80 caracteres por linha (40 em chinês, japonês ou coreano), ou a pessoa pode ajustar a largura para chegar a isso.
Formas de atender
Basta uma delas. A primeira é a preferida; as demais são alternativas para exceções.
- Uma forma de atender: a largura dos blocos de texto não passa de 80 caracteres.
- Outra forma: existe um mecanismo para configurar a largura dos blocos e chegar a esse resultado.
- 1.4.10 (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:
Limite os blocos de texto corrido a cerca de 70 caracteres por linha e não estique o texto por toda a largura em telas grandes. Linhas longas fazem os olhos se perderem ao voltar para a linha seguinte.
Texto em tela larga
Página de notícia em monitor de 1920 px.
Errado: Texto de ponta a ponta
No protótipo
Parágrafos com cerca de 200 caracteres por linha.
Difícil acompanhar as linhas.
Certo: Coluna de leitura
No protótipo
Parágrafos com largura máxima de ~70 caracteres.
Leitura confortável.
Limite a largura dos parágrafos com max-width em ch, como 70ch. Não aplique o limite a tabelas e componentes que precisam de largura.
Largura do parágrafo
Estilo do texto corrido.
Errado: Sem limite
article p { width: 100%; }Linhas longas em telas grandes.
Certo: Com limite
article p { max-width: 70ch; }Linhas de tamanho confortável.
Inclua a largura máxima de texto no padrão de leiaute e revise os templates de páginas longas, como editais, também em monitores grandes.
Template de edital
Páginas de editais são longas.
Errado: Largura total
Situação
Texto ocupa toda a tela.
Leitura cansativa.
Certo: Coluna de leitura
Situação
Texto limitado a 70 caracteres por linha.
Leitura mais fácil.
Abra páginas de texto numa janela larga e conte os caracteres de uma linha típica de parágrafo. Mais de 80 caracteres por linha é falha.
Notícia em 1920 px
Medição da largura.
Errado: Linha longa
Medição
Cerca de 190 caracteres por linha.
Não atende.
Certo: Linha adequada
Medição
Cerca de 70 caracteres por linha.
Atende.
Escreva frases curtas e quebre textos longos em seções com títulos. Use listas quando houver itens paralelos.
Explicação de regra
Regra de participação num programa.
Errado: Frase longa
Texto
Uma frase de 70 palavras com várias condições.
Difícil de acompanhar.
Certo: Frases curtas e lista
Texto
“Pode participar quem:” seguido de lista com três condições.
Clara e escaneável.