RGAA Lab

RGAA 4.1.2 · Formulaires · Critère 11.8

Dans chaque formulaire, les items de même nature d’une liste de choix sont-ils regroupés de manière pertinente ?

Une liste déroulante de deux cents entrées sans regroupement s'explore un élément à la fois : les repères visuels — une ligne vide, un séparateur — n'existent pas au clavier ni à l'oreille.

Ce que dit le référentiel

Transcription du RGAA 4.1.2, sans interprétation. C’est ce texte qui fait foi, et celui que vous citez dans un rapport.

  1. 11.8.1
    Pour chaque balise <select>, les items de même nature d’une liste de choix sont-ils regroupés avec une balise <optgroup>, si nécessaire ?
  2. 11.8.2
    Dans chaque balise <select>, chaque balise <optgroup> possède-t-elle un attribut label ?
  3. 11.8.3
    Pour chaque balise <optgroup> ayant un attribut label, le contenu de l’attribut label est-il pertinent ?

Comment le vérifier

  1. Repérer les <select> dont les options se rangent naturellement en familles : pays par continent, produits par gamme, horaires par demi-journée.
  2. Vérifier que ces familles sont matérialisées par des <optgroup> — et non par des options factices en guise de séparateurs.
  3. Vérifier que chaque <optgroup> porte un attribut label, et lire ce label : il doit nommer la famille, pas la numéroter.

Ce que notre outil fait

Assisté

Le moteur repère les éléments concernés et vous pose la question. Il ne conclut pas à votre place.

L'outil repère les <optgroup> dépourvus de label — un défaut mécanique. Décider qu'une liste aurait dû être regroupée, et juger la pertinence des labels, restent des lectures humaines.

Comment nous mesurons ce que l'outil sait faire · ce critère s'audite dans l'extension RGAA Lab.

Les pièges

Les erreurs qu’on rencontre vraiment, relevées au fil des audits.

  • Les fausses options-séparateurs (<option disabled>— Europe —</option>) sont le contournement le plus répandu : elles imitent le rendu d'un <optgroup> sans en porter la sémantique.

À lire avec