Thématique 9 · Structuration de l'information

Critère RGAA 9.3 : Listes correctement structurées

Une liste balisée annonce son nombre d'éléments et permet de la sauter ; une suite de paragraphes ou de tirets ne le permet pas.

Niveau

A

WCAG 2.2

1.3.1

Thématique

Structuration de l'information

Vérification

Détecté automatiquement

La question posée par le RGAA

Dans chaque page web, chaque liste est-elle correctement structurée ?

Comment respecter ce critère

• Balisez les listes avec ul, ol et li (ou dl pour une liste de définitions), y compris les menus de navigation.

Exemple

Une liste n'est pas correctement structurée (<li> hors <ul>/<ol>).

<div>• Item 1<br>• Item 2</div>

<ul><li>Item 1</li><li>Item 2</li></ul>

Les tests officiels

Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :

1. 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" et role="listitem".)
2. 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" et role="listitem".)
3. 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> ?

Source : RGAA 4.1.2, critère 9.3, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.

Comment Accessia le vérifie

Accessia détecte automatiquement les manquements à ce critère : l'analyse en ligne et l'extension Chrome localisent chaque élément en cause et proposent le correctif. Un contrôle humain reste utile pour les cas particuliers.