RGAA 4.1.2 · THÉMATIQUE 9 · STRUCTURATION DE L’INFORMATION
Critère 9.3 : Dans chaque page web, chaque liste est-elle correctement structurée ?
Texte officiel du RGAA 4.1.2 (DINUM), mis en page par Claren · Mis à jour le
Ce critère appartient à la thématique « Structuration de l’information » du RGAA 4.1.2. Il se vérifie par 3 tests.
Le critère
Dans chaque page web, chaque liste est-elle correctement structurée ?
Les tests
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-ARIA
role="list"etrole="listitem".
Méthodologie du test 9.3.1
- 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-ARIA
role="list"etrole="listitem".
Méthodologie du test 9.3.2
- 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 du test 9.3.3
- 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é.
Notes techniques
Les attributs WAI-ARIA role="list" et role="listitem" peuvent nécessiter l’utilisation des attributs WAI-ARIA aria-setsize et aria-posinset dans le cas où l’ensemble de la liste n’est pas disponible via le DOM généré au moment de la consultation.
Les attributs WAI-ARIA role="tree", role="tablist", role="menu", role="combobox" et role="listbox" ne sont pas équivalents à une liste HTML <ul> ou <ol>.
Correspondance WCAG
- WCAG 2.2, critère 1.3.1 : Info and Relationships
Ce qu’un contrôle automatique peut voir
Les contrôles automatiques de Claren couvrent une partie de ce critère. Le reste se vérifie à la main.
- <ul> et <ol> ne doivent contenir directement que des éléments <li>, <script> ou <template>
- Certains rôles ARIA doivent comporter des descendants directs spécifiques
- Certains rôles ARIA doivent être contenus par des parents spécifiques
- Les éléments <dl> ne doivent contenir directement que des groupes d’éléments <dt> et <dd> correctement ordonnés, ou des éléments <script> ou <template>
- Les éléments <dt> et <dd> doivent être contenus dans un élément <dl>
- Les éléments <li> doivent être contenus dans un élément <ul> ou <ol>
- Liste tapée à la main
Faire vérifier votre site
Un test automatique ne tranche qu’une partie des critères. Un audit RGAA les contrôle tous à la main, sur un échantillon de pages, et vous laisse un plan de correction.
Version officielle : critère 9.3 sur accessibilite.numerique.gouv.fr.
Textes du critère, des tests, de la méthodologie, des cas particuliers et des notes techniques : RGAA 4.1.2, DINUM, sous Licence Ouverte 2.0 (Etalab), repris tels quels. Intitulés des critères WCAG 2.2 : W3C, W3C Document License. Les liens des termes mènent au glossaire officiel du RGAA.