Listes

Présentation des listes

Liste à puces

Paragraphe précédent une liste. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

• Élément de liste de niveau 1
• Élément de liste de niveau 1
  • Élément de liste de niveau 2
  • Élément de liste de niveau 2
    • Élément de liste de niveau 3
    • Élément de liste de niveau 3
    • Élément de liste de niveau 3
  • Élément de liste de niveau 2
• Élément de liste de niveau 1
• Élément de liste de niveau 1

Liste numérotée

1. Élément de liste de niveau 1
2. Élément de liste de niveau 1
   1. Élément de liste de niveau 2
   2. Élément de liste de niveau 2
      1. Élément de liste de niveau 3
      2. Élément de liste de niveau 3
      3. Élément de liste de niveau 3
   3. Élément de liste de niveau 2
3. Élément de liste de niveau 1
4. Élément de liste de niveau 1

Liste avec icône

La liste avec icônes est utilisée pour une liste à un seul niveau, avec des informations courtes et récurrentes, par exemple pour une liste de coordonnées.

Exemple 1 tiré de la salle de presse

Exemple 2 tiré de la page Établissements de réadaptation publics autorisés

Accessibilité des listes

Les listes servent à communiquer une relation entre des éléments similaires de même nature. Des éléments peuvent être présents en liste même sans présence visuelle de puces ou d’une numérotation. Par exemple : des tuiles pourraient être une liste.

Il faut garder en tête qu’une liste permet d’indiquer l’existence d’une structure et de relations à l’utilisateur de lecteur d’écran.

Dans le cas des listes avec icônes, les icônes sont des images décoratives et doivent donc être ignorées. Il faut alors s’assurer qu’on n’y retrouve pas de balise <img> avec un texte de remplacement ou un texte hors écran décrivant l’icône.