← Todas as regras

Estrutura

Itens de lista precisam estar dentro de uma lista

• Regra: listitem
• Gravidade: Grave
• Nível WCAG A

Por que isso importa

Um <li> fora de <ul> ou <ol> não pertence a lista alguma. A posição e o total — as duas coisas que tornam uma lista navegável — não existem.

Como corrigir

1. Envolva os itens em <ul> ou <ol>.
2. Se um framework injeta um contêiner no meio, dê a ele role="presentation".

Na marcação

<div>
  <li>First</li>
</div>

<ul>
  <li>First</li>
</ul>

A exigência por trás disso

Esta regra é uma das formas de falhar nos seguintes critérios de sucesso das WCAG 2.2. O W3C, que publica a norma, explica cada um deles:

• 1.3.1 Informação e relações (abre em nova aba) — Nível WCAG A

Para aprofundar

Deque University sobre listitem (abre em nova aba)

A Deque mantém o axe-core, o motor de código aberto que o nosso scanner executa. A página deles documenta a regra como o motor a implementa.

Verificações automáticas encontram falhas que o navegador consegue comprovar. Elas não julgam se uma legenda está correta, se um texto alternativo é útil, nem se a página pode ser operada de ponta a ponta pelo teclado — isso exige uma pessoa.