Listes mal construites

Message affiché par axe et Lighthouse: <ul> et <ol> ne doivent contenir directement que des éléments <li>, <script> ou <template> · list · WCAG 1.3.1

Ce que cela signifie et pourquoi c’est important

Les lecteurs d’écran annoncent le nombre d’éléments d’une liste ; un balisage incorrect masque cette structure (WCAG 1.3.1).

Comment corriger

<ul>/<ol> ne peuvent contenir directement que des <li> (et script/template).

Exemple de code

Avant

<ul>
  <div>Shipping</div>
  <li>Returns</li>
</ul>

Après

<ul>
  <li>Shipping</li>
  <li>Returns</li>
</ul>

Toutes les erreurs d’accessibilité