Estrutura de cabeçalhos
O que a norma pede
Os cabeçalhos seguem uma hierarquia lógica: os níveis descem em ordem (do 1 para o 2, do 2 para o 3) conforme o conteúdo se subdivide.
- 1.3.1 (A)
- 2.4.6 (AA)
- 2.4.10 (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:
Desenhe a hierarquia da página como um sumário antes do leiaute, com um único título principal e subseções um nível abaixo da seção a que pertencem. Não escolha o nível pelo tamanho visual.
Hierarquia da página de edital
O edital tem seções e subseções.
Errado: Nível escolhido pelo tamanho
Na especificação
H1 Edital → H4 Inscrições (porque o H2 era grande demais) → H2 Prazos
A hierarquia não reflete o conteúdo.
Certo: Nível pela estrutura
Na especificação
H1 Edital → H2 Inscrições → H3 Documentos → H2 Prazos
O sumário da página faz sentido.
Receba o nível do cabeçalho como propriedade dos componentes reutilizáveis, para que a hierarquia não quebre conforme o lugar de uso. Verifique a sequência de níveis com uma ferramenta automática, sem saltos ao descer.
Componente de card
O card é usado dentro de seções de níveis diferentes.
Errado: Nível fixo
const Card = ({ titulo }) => <h4>{titulo}</h4>;Numa seção H2, o card pula para H4.
Certo: Nível configurável
const Card = ({ titulo, nivel = 3 }) => { const Titulo = `h${nivel}`; return <Titulo>{titulo}</Titulo>; };O card se encaixa na hierarquia de cada página.
Peça que os templates de página definam a hierarquia de títulos e inclua a verificação automática de cabeçalhos na integração contínua. Priorize páginas longas, como editais e cartas de serviço.
Carta de serviços
Centenas de páginas seguem o mesmo template.
Errado: Template sem hierarquia
Situação
Cada página tem títulos em níveis aleatórios.
Navegar por cabeçalhos não funciona em nenhuma delas.
Certo: Template com hierarquia
Situação
Template fixa H1 no nome do serviço e H2 nas seções.
Todas as páginas ficam navegáveis de uma vez.
Extraia a lista de cabeçalhos com os níveis e confira se ela forma um sumário coerente, com um único nível 1 e sem saltos ao descer, como do 2 direto para o 4.
Hierarquia do edital
Lista de cabeçalhos com níveis.
Errado: Saltos e inversões
“Edital, nível 1”
“Inscrições, nível 4”
“Prazos, nível 2”
A estrutura não se entende.
Certo: Hierarquia coerente
“Edital, nível 1”
“Inscrições, nível 2”
“Documentos, nível 3”
“Prazos, nível 2”
O sumário reflete o conteúdo.
Escreva o sumário antes do texto: capítulos no nível 2 e subitens no nível 3, este sempre dentro de uma seção de nível 2. Títulos do mesmo nível devem ter estrutura parecida.
Estrutura de um guia
Um guia explica como pedir um benefício.
Errado: Níveis misturados
Sumário
Título 3: Quem pode pedir / Título 2: Documentos / Título 3: Prazos
O sumário começa por um subitem.
Certo: Níveis em ordem
Sumário
Título 2: Quem pode pedir / Título 2: Como pedir / Título 3: Documentos / Título 3: Prazos
O guia se organiza sozinho.