RGAA Lab

RGAA 4.1.2 · Formulaires · Critère 11.5

Dans chaque formulaire, les champs de même nature sont-ils regroupés, si nécessaire ?

Sans regroupement, une série de boutons radio s'entend comme une suite d'options isolées : on connaît les réponses possibles, jamais la question posée.

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.5.1
    Les champs de même nature vérifient-ils l’une de ces conditions, si nécessaire ?
    • Les champs de même nature sont regroupés dans une balise <fieldset> ;
    • Les champs de même nature sont regroupés dans une balise possédant un attribut WAI-ARIA role="group" ;
    • Les champs de même nature de type radio (<input type="radio">) ou balises possédant un attribut WAI-ARIA role="radio") sont regroupés dans une balise possédant un attribut WAI-ARIA role="radiogroup" ou role="group".

Comment le vérifier

  1. Repérer les champs qui ne se comprennent qu'ensemble : boutons radio d'un même choix, cases à cocher d'une même liste, jour / mois / année d'une date, blocs « adresse de livraison » et « adresse de facturation ».
  2. Vérifier qu'ils sont enfermés dans un <fieldset>, ou dans un élément portant role="group" — role="radiogroup" pour un jeu de boutons radio.
  3. Le « si nécessaire » du critère est le cœur du jugement : un formulaire de trois champs indépendants n'a rien à regrouper.

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 sait retrouver les champs qui partagent un même name et vous montrer s'ils sont dans un groupe. Décider qu'un regroupement était nécessaire suppose de comprendre le sens des champs : cela vous revient.

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.

  • Deux blocs d'adresse identiques dans une même page sans regroupement : les étiquettes se répètent à l'identique et plus rien ne distingue la livraison de la facturation.
  • <fieldset> porte une mise en forme par défaut que beaucoup de projets neutralisent en CSS — supprimer la bordure ne supprime pas le groupe, il n'y a donc aucune raison d'éviter la balise.

À lire avec