Gravité : Modéré Repères et listes

Élément de liste hors liste

Un <li> qui n'est pas dans un <ul> ou un <ol> n'a pas de parent valide, et la sémantique de liste est perdue.


Qui est concerné

  • Personnes aveugles, qui perdent le repère du nombre et de l'ordre des éléments

Pourquoi c'est important

C'est le pendant de la règle précédente : chaque <li> doit avoir pour parent direct un <ul> ou un <ol>. Sorti de là, il n'est plus interprété comme un élément de liste. Critère 1.3.1, niveau A.

Comment le tester vous-même

  1. Chaque <li> a-t-il bien un <ul> ou <ol> pour parent direct ?
  2. Pas de <li> orphelin posé dans un <div>.

Comment corriger

Placez chaque <li> à l'intérieur d'un <ul> ou <ol> parent.

À éviter
<div>
  <li>Élément isolé</li>
</div>
Recommandé
<ul>
  <li>Élément dans sa liste</li>
</ul>

Critères de référence

WCAG 2.1
  • 1.3.1 : Information et relations (niveau A)
RGAA 4.1 Thème 9 : Structuration de l'information

Plainpied détecte ce défaut automatiquement et le localise page par page. La conformité totale combine détection automatique et vérifications humaines : voir notre méthode.

Ce défaut est-il présent sur votre site ?

Scan gratuit, score et corrections en dix minutes, sans compte.

Lancer un audit gratuit