Les listes à puces et les listes numérotées de votre site sont-elles implémentées avec la bonne balise HTML, pas avec des tirets tapés à la main ?
Critère officiel 9.3 — Dans chaque page web, chaque liste est-elle correctement structurée ?
Pourquoi c'est important
Un logiciel de lecture annonce le nombre d'éléments d'une liste avant de la lire : « Liste de 7 éléments. » Sans structure de liste correcte, il lit les éléments comme des paragraphes successifs — sans annonce du nombre, sans indication qu'ils forment un ensemble logique.
Exemples concrets
Ce qui est conforme
La liste des pièces à fournir pour une carte d'identité est créée avec le bloc Liste WordPress. Le logiciel annonce : « Liste de 7 éléments. 1 : Formulaire Cerfa signé. 2 : Justificatif de domicile… » L'utilisateur sait d'emblée qu'il y a 7 pièces à rassembler.
Ce qui pose problème
La même liste est tapée manuellement avec un tiret devant chaque élément dans un bloc Paragraphe. Le logiciel de lecture lit les tirets comme du texte et n'identifie pas un ensemble structuré — l'utilisateur ne sait pas combien de pièces sont requises avant d'avoir tout écouté.
Comment agir
Dans WordPress, utilisez toujours le bloc Liste (icône à puces ou à numéros dans la barre d'outils) pour créer des listes — jamais des tirets, astérisques ou numéros tapés manuellement. Pour vérifier : sélectionnez votre liste dans l'éditeur — le type de bloc affiché dans la barre supérieure doit être « Liste », pas « Paragraphe ».
Règles clés
- <ul> : items sans ordre particulier (ingrédients, avantages, liens de navigation).
- <ol> : ordre a du sens (étapes, classement, instructions).
- <dl>/<dt>/<dd> : terme et sa définition (glossaire, fiche technique).
- Chaque <li> est enfant direct de <ul> ou <ol> — pas de <div> intermédiaires.
Erreurs fréquentes
- Listes simulées avec tirets dans des <p> : '- Item 1', '- Item 2'
- Puces CSS sur des <p> ou <div>
- Utilisation de <ul> pour des éléments sans relation de liste (espacement vertical uniquement)
Exemples de code
liste simulée avec tirets
✗ Non conforme<p>Nos services :</p>
<p>- Audit RGAA</p>
<p>- Formation</p>
<p>- Conseil</p>Quatre paragraphes indépendants. Aucun contexte de liste — l'utilisateur ne sait pas combien il y a d'items.
liste correctement structurée
✓ Conforme<p>Nos services :</p>
<ul>
<li>Audit RGAA</li>
<li>Formation</li>
<li>Conseil</li>
</ul>Annoncé : 'liste de 3 éléments'. L'utilisateur comprend immédiatement la structure.
Référence WCAG : 1.3.1