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

Texte officiel du RGAA 4.1.2. Voir aussi le critère 9.3 sur accessibilite.numerique.gouv.fr.

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

Références WCAG 2.1

1.3.1 Info and Relationships (niveau A)

Techniques WCAG : G115, G153, H40, H48, F2

Ce que l’audit automatique peut détecter

Règles qui vérifient directement ce critère

Ces règles d’axe-core 4.14.0 citent un test de ce critère. Elles repèrent une partie des erreurs ; le reste du critère demande une vérification humaine.

aria-required-children : Ensure elements with an ARIA role that require child roles contain themTest 9.3.1.
aria-required-parent : Ensure elements with an ARIA role that require parent roles are contained by themTest 9.3.1.
definition-list : Ensure <dl> elements are structured correctlyTest 9.3.3.
dlitem : Ensure <dt> and <dd> elements are contained by a <dl>Test 9.3.3.
list : Ensure that lists are structured correctlyTest 9.3.1.
listitem : Ensure <li> elements are used semanticallyTest 9.3.1.

Source : RGAA 4.1.2 (WCAG 2.1), © DINUM, publié dans le dépôt DISIC/accessibilite.numerique.gouv.fr (commit ca4019f), sous Licence Ouverte 2.0. Texte officiel reproduit sans modification de contenu ; certains attributs de mise en forme (liens ouverts dans une nouvelle fenêtre, lien mort) sont retirés. Seuls les encadrés « Explication Rampe — non normative » sont rédigés par Rampe.