Critère 9.3
Dans chaque page web, chaque liste est-elle correctement structurée ?
Comprendre
Les listes doivent être balisées comme des listes (ul, ol, dl).
Ce critère s’applique lorsque la page contient : listes.
Ce que vérifie Agence RGAA
Notre moteur détecte automatiquement des anomalies, mais une personne doit confirmer la pertinence avant de conclure.
Nous détectons automatiquement :
- listes contenant autre chose que des éléments de liste
- éléments de liste hors d’une liste
- listes de description mal formées
- termes et définitions hors d’une liste de description
Un résultat automatique n’est jamais un audit : seul un contrôle humain (en interne ou par un auditeur RGAA) permet de conclure.
Exemple de correction
<ul>
<li>Mairie</li>
<li>École</li>
</ul>Voir un exemple à éviter
<p>• Mairie<br>• École</p>- Un menu de navigation est une liste de liens : ul, li et a.
Patron de référence à adapter à votre contexte : il ne vaut pas validation du critère.
Tests officiels
Test 9.3.1
Dans chaque page web, les informations regroupées visuellement sous forme de liste non ordonnée vérifient-elles une de ces conditions ? La liste utilise les balises HTML
<ul>et<li>; La liste utilise les attributs WAI-ARIArole="list"etrole="listitem".Méthodologie de test
- Retrouver dans le document les éléments regroupés visuellement sous la forme d’une liste non ordonnée ;
- Pour chaque liste, vérifier que la liste est structurée :
- Soit au moyen des éléments
<ul>et<li>; - Soit au moyen d’éléments pourvus d’attributs WAI-ARIA
role="list"etrole="listitem".
- Soit au moyen des éléments
- Si c’est le cas pour chaque liste non ordonnée, le test est validé.
Test 9.3.2
Dans chaque page web, les informations regroupées visuellement sous forme de liste ordonnée vérifient-elles une de ces conditions ? La liste utilise les balises HTML
<ol>et<li>; La liste utilise les attributs WAI-ARIArole="list"etrole="listitem".Méthodologie de test
- Retrouver dans le document les éléments regroupés visuellement sous la forme d’une liste ordonnée ;
- Pour chaque liste, vérifier que la liste est structurée :
- Soit au moyen des éléments
<ol>et<li>; - Soit au moyen d’éléments pourvus d’attributs WAI-ARIA
role="list"etrole="listitem".
- Soit au moyen des éléments
- Si c’est le cas pour chaque liste ordonnée, le test est validé.
Test 9.3.3
Dans chaque page web, les informations regroupées sous forme de liste de description utilisent-elles les balises
<dl>et<dt>/<dd>?Méthodologie de test
- Retrouver dans le document les éléments regroupés visuellement sous la forme d’une liste de description ;
- Pour chaque liste, vérifier que la liste est structurée au moyen des éléments
<dl>,<dt>et<dd>; - Si c’est le cas pour chaque liste de description, le test est validé.
Texte officiel du référentiel RGAA 4.1.2 publié par la DINUM — voir la source.