Portal ENAP

Pular para o conteúdo principal
Cápsulas de Acessibilidade
Voltar / Estrutura e hierarquia de conteúdos em documentos
Recomendado

Estrutura e hierarquia de conteúdos em documentos

Orienta a criação de conteúdos digitais com títulos, subtítulos, parágrafos, listas e landmarks organizados 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

Ver detalhes

É 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.

Ver detalhes

• 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.
• Usuários sem deficiência encontram conteúdos mais claros, podendo localizar rapidamente 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 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 (exemplo: comunicados, notícias) devem ter títulos corretos para orientar navegação.

Como aplicar?

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

Ver guia completo

• 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 (ex.: 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

Validar se há títulos corretos e ordem lógica de hierarquia.

Em cursos 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 (exemplo: comunicados, notícias) devem ter títulos corretos para orientar navegação.

Exemplos

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

Ver exemplos detalhados

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.

Ver análise completa

• Não usar negrito em vez de estilos de título.
• Quebrar a ordem lógica dos níveis de cabeçalho.
• Não criar documentos PDF sem marcação de tags.
• Ignorar landmarks em páginas web.
• Não incluir títulos genéricos como “Seção 1” em vez de descritivos.

Saiba mais

Recursos adicionais serão disponibilizados em breve.

Normas de referência

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.