Pular para o conteúdo principal

Estrutura e Hierarquia de Conteúdos em Documentos

Como criar títulos, subtítulos, parágrafos, listas e regiões da página (landmarks) para organizar conteúdos digitais de forma lógica e semântica.

O que é?

Organização lógica do conteúdo com títulos, subtítulos e landmarks semânticos

É a base da acessibilidade em documentos digitais: usar cabeçalhos (<h1>…<h6>), listas (<ul>, <ol>), parágrafos (<p>), landmarks (<main>, <nav>, <footer>) e estilos de documento (em Word, PDF ou apresentações) para representar corretamente a hierarquia do conteúdo. Essa estrutura permite navegação rápida por leitores de tela e facilita leitura para todos.

Por que é importante?

Sem hierarquia, o documento se torna confuso para leitores de tela e dificulta compreensão.

• Usuários cegos ou com capacidade visual limitada temporária dependem de títulos e landmarks para navegar e entender estruturas de documentos.
• Pessoas com dislexia ou dificuldades cognitivas compreendem melhor informações estruturadas em seções claras.
• Usuários sem deficiência encontram conteúdos mais claros, e localizam mais rápido as seções de interesse.
• A estrutura adequada melhora indexação por buscadores e usabilidade geral, incluindo situações de edição de documentos, mudanças de estilo e fontes, etc.

Quando utilizar?

Na criação de quaisquer documentos digitais com mais de uma seção.

Em cursos em plataformas Moodle, materiais HTML, apostilas em PDF ou DOCX, apresentações em PPTX e páginas web. Todo documento que contenha títulos, seções ou listas deve respeitar hierarquia lógica.

Mesmo conteúdos curtos (como comunicados ou notícias) devem usar títulos estruturados corretamente para orientar a navegação.

Como aplicar?

Use títulos, listas e landmarks de forma semântica, não apenas visual.

• Em Word/PDF, aplique estilos de título (Título 1, Título 2, etc.) em vez de apenas mudar tamanho da fonte e use listas nativas para enumerações.
• Em páginas HTML, use <h1> para o título principal (único), <h2> para seções, <h3> para subseções, etc. Nunca pule níveis sem justificativa (exemplo: não usar <h4> logo após <h2>).
• Em páginas web, insira landmarks (<main>, <nav>, <aside>) para guiar leitores de tela e garanta que cada seção tenha um título descritivo.

Método de verificação

Confirme se o documento está estruturado corretamente e se a hierarquia está coerente.

  • No Word/PDF, abra o painel de navegação: os títulos devem aparecer organizados.
  • Em HTML, inspecione o código e confirme se há apenas um <h1> e hierarquia consistente.
  • Teste com leitores de tela: navegar por títulos deve percorrer toda a estrutura do documento.
  • Ferramentas como WAVE, Axe ou Accessibility Insights podem sinalizar títulos ausentes ou ordem incorreta.

Exemplos

Correto: títulos com estilos e ordem lógica.
Incorreto: texto em negrito simulando título.

Corretos:

  • Documento Word com estilos Título 1, Título 2, Título 3.
  • Página web com <h1> único e subseções em <h2> e <h3>.

Incorretos:

  • Usar apenas fonte maior ou negrito como título.
  • Pular de <h1> direto para <h4>.
  • Documento PDF sem estrutura de tags (só imagem de texto).

O que não fazer?

Não criar títulos visuais sem hierarquia semântica.

  • Não usar negrito em vez de estilos de título, pois isso não cria estrutura reconhecida por tecnologias assistivas.
  • Não seguir a ordem lógica dos níveis de cabeçalho (exemplo: pular do nível 1 para o 4), pois dificulta a compreensão da hierarquia do conteúdo.
  • Não criar documentos PDF sem marcação de tags, pois isso impede a navegação por leitores de tela.
  • Não ignorar landmarks em páginas web, pois elas ajudam a localizar rápido o conteúdo.
  • Não usar títulos genéricos como “Seção 1”, pois não indicam o conteúdo da seção nem ajudam na navegação.

Normas de referência

WCAG 1.3.1; WCAG 2.4.6; NBR 17225; eMAG.

  • WCAG 1.3.1 (Informação e relações): a estrutura semântica deve representar a hierarquia visual.
  • WCAG 2.4.6 (Cabeçalhos e rótulos): títulos e rótulos descritivos facilitam navegação.
  • NBR 17225: prevê que conteúdos digitais mantenham organização lógica.
  • eMAG: recomenda uso correto de heading tags, listas e landmarks.

Outras normas relacionadas:

  • WCAG 2.4.1 (Ignorar blocos): links “Pular para conteúdo” ajudam a saltar menus repetitivos.
  • WCAG 2.4.10 (Cabeçalhos de seção): textos extensos devem ter cabeçalhos que facilitem compreensão.

Saiba mais

Recursos sobre hierarquia de títulos e estrutura semântica.