Critère 9.3

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

Pré-vérifiéRGAA 4.1.23 tests officiels

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

Une vraie liste
<ul>
  <li>Mairie</li>
  <li>École</li>
</ul>
Voir un exemple à éviter
Une liste simulée avec des puces et des sauts de ligne
<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

  1. 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" et role="listitem".

    Méthodologie de test
    1. Retrouver dans le document les éléments regroupés visuellement sous la forme d’une liste non ordonnée ;
    2. 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" et role="listitem".
    3. Si c’est le cas pour chaque liste non ordonnée, le test est validé.
  2. 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" et role="listitem".

    Méthodologie de test
    1. Retrouver dans le document les éléments regroupés visuellement sous la forme d’une liste ordonnée ;
    2. 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" et role="listitem".
    3. Si c’est le cas pour chaque liste ordonnée, le test est validé.
  3. 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
    1. Retrouver dans le document les éléments regroupés visuellement sous la forme d’une liste de description ;
    2. Pour chaque liste, vérifier que la liste est structurée au moyen des éléments <dl>, <dt> et <dd> ;
    3. 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.

Critère RGAA 9.3 : Dans chaque page web, chaque liste est-elle correctement structurée ? | Agence RGAA