Test 11.6.1

Chaque regroupement de champs de même nature possède-t-il une légende ?

Méthodologie 11.6.1

  1. Retrouver dans le document les groupes de champs de formulaire de même nature.
  2. Pour chaque groupe de champs de formulaire de même nature, vérifier que :
    • Si le regroupement utilise un élément <fieldset>, l’élément <fieldset> possède un élément <legend>.
    • Si l’élément de regroupement utilise un attribut WAI-ARIA role="group" ou "radiogroup", il possède un attribut WAI-ARIA aria-label ou aria-labelledby.
  3. Sinon, pour chacun des champs de même nature, vérifier la présence :
    • soit d’un attribut title permettant de déterminer l’appartenance du champ au groupement de champ ;
    • soit d’un attribut aria-label permettant de déterminer l’appartenance du champ au groupement de champ ;
    • soit d’un attribut aria-labelledby qui référence un passage de texte permettant de déterminer l’appartenance du champ au groupement de champ ;
    • soit d’un attribut aria-describedby qui référence un passage de texte permettant de déterminer l’appartenance du champ au groupement de champ ;
  4. Si c’est le cas pour chaque groupe de champs de formulaire ou pour chacun des champs de même nature, le test est validé.

Tests suivants et précédents au clavier

Test précédent : Maj + ←

Test suivant : Maj + →

Avec ces raccourcis clavier, atteindre

Éléments et attributs

'radiogroup' <fieldset> <legend> aria-describedby aria-label aria-labelledby role='group'

Définitions

Champs de même nature

Dans un formulaire, ensemble des champs pouvant être regroupés par la nature des informations attendues. Le regroupement vise à identifier les champs devant être traités comme un ensemble.

Quelques exemples :

  • Trois champs successifs pour saisir une date (jour/mois/année) ;
  • Champs successifs pour un numéro de téléphone ;
  • Un bloc destiné à saisir l’identité et l’adresse de l’utilisateur, lorsque le formulaire contient plusieurs blocs de contact ;
  • Un ensemble de boutons radio ou de cases à cocher qui se rapportent à une question.

Ces champs doivent être regroupés lorsque les intitulés de label ne sont pas suffisants pour informer l’utilisateur que les champs font partie d’un regroupement.

Formulaire

Un formulaire n’est pas obligatoirement contenu dans une balise <form> ou une balise possédant un attribut WAI-ARIA role="form".

Légende

HTML propose un dispositif permettant de titrer les groupes de champs de même nature par l’intermédiaire des éléments <fieldset> et <legend>.

Il est également possible de créer des regroupements avec le rôle WAI-ARIA group et un passage de texte, faisant office de légende, lié par l’attribut WAI-ARIA aria-labelledby ou fourni par un attribut WAI-ARIA aria-label.

Note 1 : Les regroupements de champs peuvent utiliser d’autres méthodes qui associent l’information du regroupement directement dans l’étiquette du champ. Par exemple, par l’intermédiaire d’un attribut title, d’un attribut WAI-ARIA aria-label, d’une liaison aria-labelledby faisant office d’étiquette ou encore par l’attribut WAI-ARIA aria-describedby associant un texte complémentaire. Dans ce cas, le regroupement de champs devient inutile puisque les labels sont suffisamment pertinents.

Note 2 : Lorsque le formulaire est constitué d’un seul bloc d’informations de même nature (l’identité et l’adresse de l’utilisateur, par exemple) ou d’un champ unique (un moteur de recherche, par exemple), le regroupement des champs n’est pas obligatoire.