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>Étape 1 : Connexion</li>
<li>
Étape 2 : Remplir le formulaire de demande
<ul>
<li>Informations personnelles</li>
<li>Informations professionnelles</li>
</ul>
</li>
<li>Étape 3 : Récapitulatif de la demande</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.