← Toutes les règles

Structure

Les éléments de liste doivent être dans une liste

• Règle: listitem
• Gravité: Sérieux
• Niveau WCAG A

Pourquoi c’est important

Un <li> hors d’une <ul> ou d’une <ol> n’appartient à aucune liste. La position et le nombre total — les deux choses qui rendent une liste navigable — n’existent pas.

Comment corriger

1. Enveloppez les éléments dans <ul> ou <ol>.
2. Si un framework insère un conteneur entre les deux, donnez-lui role="presentation".

Dans le balisage

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

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

L’exigence sous-jacente

Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :

• 1.3.1 Information et relations (s’ouvre dans un nouvel onglet) — Niveau WCAG A

Pour aller plus loin

Deque University sur listitem (s’ouvre dans un nouvel onglet)

Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.

Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.