Structure de liste incorrecte

Un <ul> ou <ol> qui contient autre chose que des <li> casse l'annonce « liste de N éléments » du lecteur d'écran.

Qui est concerné

• Personnes aveugles, à qui le lecteur d'écran annonce le nombre d'éléments d'une liste

Pourquoi c'est important

Quand une liste est bien formée, le lecteur d'écran annonce « liste de 5 éléments » et permet d'y naviguer. Si on glisse un <div> directement dans un <ul>, cette sémantique se brise. Le critère 1.3.1 (niveau A) exige que la structure reflète la présentation.

Comment le tester vous-même

1. Un <ul> ou <ol> ne doit contenir directement que des <li> (et éventuellement script ou template).
2. Vérifiez qu'on n'a pas remplacé des <li> par des <div> pour le style.

Comment corriger

N'imbriquez dans <ul>/<ol> que des <li> (pas de <div> direct). Les listes doivent être correctement structurées.

<ul>
  <div>Premier</div>
  <div>Deuxième</div>
</ul>

<ul>
  <li>Premier</li>
  <li>Deuxième</li>
</ul>

Critères de référence

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.