L'enjeu pour l'utilisateur handicapé

Structurer les contenus avec les éléments appropriés offre une expérience de navigation enrichie pour les utilisateurs de lecteur d'écran.

Un utilisateur aveugle, malvoyant ou ayant des difficultés de lecture et qui utilise un lecteur d'écran pour parcourir le contenu d'une page, va utiliser des raccourcis claviers pour naviguer entre les types d'éléments. Il peut naviguer de titres en titres, aller au prochain champ de formulaire, ou encore aller à la liste précédente.

En plus de permettre de naviguer entre éléments, cela lui permet également de les éviter.

Dans le cas d'une liste, le nombre d'éléments que contient la liste est annoncé, ainsi que le niveau de l'élément dans la liste. Ainsi, si l'utilisateur juge la liste trop longue, il pourra tout simplement l'éviter plutôt que de la parcourir en entier, il peut aussi aller au début de la liste, ou à la fin directement.

En pratique et en images

Pour créer une liste dans un éditeur de texte, vous devez sélectionner les contenus concernés, puis cliquer sur l'icône appropriée.

Dans la plupart des éditeurs de texte riche, il y a deux boutons :

• un bouton permettant de créer une liste non ordonnée,
  généralement symbolisée par cette icône  ;
• un bouton permettant de créer une liste ordonnée,
  généralement symbolisée par cette icône .

Une liste ordonnée est une liste numérotée. Une liste numérotée est requise lorsque l'ordre de succession des éléments est essentielle, par exemple les étapes d'un processus.

Une liste non ordonnée s'applique dans tous les autres cas.

Une liste n'est généralement recommandée que pour des listes d'éléments succincts. Pensez à une liste de courses ou une liste d'étapes d'une recette de cuisine par exemple.

Ci dessous, un exemple de liste dans l'éditeur CKEditor.

Mémo pour agir

• Cette succession de très courts paragraphes ne pourrait-elle pas être remplacée par une liste ?
• Lorsque vous faites précéder des phrases d'un tiret, ou d'un symbole, demandez-vous si vous n'êtes pas en train de réaliser une « fausse liste ».

Idées reçues

• La mise en forme de mes listes ne peut pas être modifiée : faux ! Tous les éléments peuvent avoir une mise en forme différente. La structuration n'est pas un frein. Renseignez-vous auprès de la personne en charge de l'intégration graphique pour lui demander des mises en forme différentes pour vos listes.