Sites institucionais · GUIA PRÁTICO

Quando usar listas HTML para conteúdo relacionado

Use estrutura de lista para comunicar conjuntos e sequências que se relacionam.

BIBLIOTECA DIEGO HENRICHATUALIZADO EM 24 de setembro de 2026Quando usar listas HTML para conteúdo relacionado

Use estrutura de lista para comunicar conjuntos e sequências que se relacionam. Este roteiro ajuda a verificar uma tarefa; não substitui uma avaliação completa de acessibilidade nem determina conformidade legal.

Entenda o problema

Itens alinhados apenas visualmente podem perder contagem, agrupamento e ordem. Reproduza a situação no modelo afetado antes de alterar o site; anote dispositivo, estado e percurso para comparar a correção.

Faça a revisão

  1. Agrupe itens que formam passos, requisitos ou coleção de links.

  2. Escolha lista ordenada quando sequência importa e não ordenada quando não muda o sentido.

Teste o resultado

Inspecione a árvore de acessibilidade e confirme tipo, ordem e número de itens. Repita a tarefa em página publicada ou homologação equivalente à entrega.

Limites e cuidados

Não use lista só para obter recuo ou espaçamento visual. Ferramentas automáticas ajudam a localizar problemas, mas não avaliam sozinhas clareza, contexto e todos os percursos.

Referência

A orientação segue Estrutura — W3C WAI. Consulte também o núcleo institucionais.

PRÓXIMO PASSO

Serviços de sites institucionais

Veja o escopo e os próximos passos do serviço relacionado a este tema.

Criação de sites profissionais em Brasília

Conteúdo da biblioteca de Diego Henrich. Confira as fontes citadas e valide orientações que dependem da versão de uma plataforma ou serviço.