Critère 11.6

Légende de regroupement

Chaque regroupement de champs de même nature doit avoir une légende.

En Bref : L'essentiel à retenir

L'objectif est de fournir un titre à un groupe de champs pour que l'utilisateur comprenne leur contexte, comme l'adresse de facturation.
La balise `<legend>` est la solution recommandée et doit être le premier enfant de `<fieldset>` pour définir le titre.
Si l'on utilise `role="group"` au lieu de `<fieldset>`, il faut utiliser l'attribut `aria-labelledby` pour titrer le groupe.
Le critère 11.6 du RGAA sert de ressource pour l'accessibilité dans ce contexte.

Objectif

Donner un titre au groupe de champs pour que l'utilisateur comprenne le contexte global (ex: savoir que ces champs concernent l'adresse de facturation et non de livraison).

Solution Technique

1. Balise `<legend>`

La balise <legend> doit être le premier enfant de <fieldset>.

<fieldset>
  <legend>Adresse de facturation</legend>
  <!-- champs... -->
</fieldset>

2. Attribut `aria-labelledby` sur `role="group"`

Si vous utilisez role="group" au lieu de fieldset (moins recommandé mais valide), utilisez aria-labelledby pour le titrer.

<div role="group" aria-labelledby="group-title">
  <h3 id="group-title">Adresse de facturation</h3>
  <!-- champs... -->
</div>

Ressources

Critère 11.6 du RGAA