8.2. Baliser les listes ordonnées avec <ol> et <li>

Utiliser les balises <ol> et <li> pour baliser les listes d’éléments pour lesquelles l’ordre a de l’importance (liste d’étapes dans un processus, classement quelconque, etc.). C’est-à-dire lorsque l’information ne serait plus comprise si les éléments étaient placés dans un ordre différent.

Le cas échéant, veiller à la bonne imbrication des listes :

<ol>
   <li>Premier item de premier niveau</li>
   <li>
      Deuxième item de premier niveau
      <ul>
         <li>Premier item de deuxième niveau</li>
         <li>Deuxième item de deuxième niveau</li>
      </ul>
   </li>
   <li>Troisième item de premier niveau</li>
</ol>

Quels bénéfices ?

La structuration des listes est essentielle pour les personnes utilisant un lecteur d’écran (personnes aveugles et malvoyantes). Cette structuration leur permet ainsi, à la rencontre d’une liste de :

  • Naviguer de liste en liste au sein d’une page.
  • Connaître dès le départ le nombre d’éléments dans celle-ci.
  • Naviguer plus facilement dans la liste :
    • Passer directement à la fin de la liste si ce contenu ne les intéresse pas.
    • Revenir facilement au début de la liste.

Commentaires

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Haut de page