Semântica de lista
O que a norma pede
Toda lista está marcada no código como lista, do tipo que corresponde à relação entre os itens: ordenada, não ordenada ou de definições.
- 1.3.1 (A)
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:
Indique na especificação o tipo de cada lista: numerada quando a ordem importa, com marcadores quando não importa, e de definições para pares como “Prazo: 30 dias”. Grupos de cards e de filtros também são listas.
Passo a passo do serviço
Quatro passos para pedir o benefício.
Errado: Parágrafos soltos
Na especificação
Quatro parágrafos com “1.”, “2.”… digitados no texto.
O leitor não sabe que há uma sequência de 4 passos.
Certo: Lista numerada
Na especificação
Lista ordenada com 4 itens.
O leitor anuncia “lista, 4 itens” e a posição de cada passo.
Use ol para sequências, ul para itens sem ordem e dl com dt e dd para pares de termo e descrição. Se remover os marcadores com CSS, mantenha a semântica da lista.
Lista de documentos
Os documentos necessários para a matrícula.
Errado: Divs com hífen
<div>- RG</div> <div>- CPF</div> <div>- Comprovante de residência</div>São três linhas soltas para o leitor.
Certo: Lista de verdade
<ul> <li>RG</li> <li>CPF</li> <li>Comprovante de residência</li> </ul>O leitor anuncia “lista, 3 itens”.
Garanta que o editor de conteúdo gere listas reais e que menus e filtros sejam listas no padrão de componentes. Saber quantos itens uma lista tem muda a forma de navegar de quem usa leitor de tela.
Conteúdo colado do Word
A equipe cola textos de documentos no gerenciador.
Errado: Listas viram texto
Situação
Marcadores colados como caracteres “•” em parágrafos.
Nenhuma lista é reconhecida.
Certo: Colagem limpa
Situação
Editor converte marcadores em listas ao colar.
As listas continuam listas.
Procure na página tudo o que parece lista e confira se o leitor de tela anuncia “lista” com o número de itens. O tipo, numerada ou não, precisa corresponder ao conteúdo.
Documentos necessários
O leitor chega à lista de documentos.
Errado: Sem lista
“hífen RG”
“hífen CPF”
Não se sabe quantos documentos são.
Certo: Com lista
“Lista, 3 itens. RG, 1 de 3”
“CPF, 2 de 3”
A pessoa sabe o tamanho e a posição.
Use a ferramenta de lista do editor sempre que houver itens paralelos: lista numerada para etapas e lista com marcadores para o resto. Números ou hífens digitados à mão não criam uma lista.
Requisitos para participar
O texto lista quem pode participar do programa.
Errado: Lista digitada
No editor
Parágrafo: “– ter 18 anos – morar na cidade – estar no CadÚnico”
Vira uma frase confusa para o leitor.
Certo: Lista do editor
No editor
Lista com marcadores: ter 18 anos / morar na cidade / estar no CadÚnico
Cada requisito é um item.