Critère 11.5
Regroupement de champs
Les champs de même nature doivent être regroupés si nécessaire.
En Bref : L'essentiel à retenir
- L'objectif est de structurer les formulaires pour une meilleure compréhension des relations entre les champs.
- L'utilisation de la balise `<fieldset>` est préconisée pour regrouper les champs logiquement liés, comme l'adresse.
- Les groupes de boutons radio doivent impérativement être regroupés pour clarifier la question posée.
- La structuration des formulaires doit respecter les recommandations du RGAA, notamment le critère 11.5.
Objectif
Structurer le formulaire pour que les utilisateurs comprennent les relations entre les champs (ex: adresse complète, date de naissance).
Solution Technique
1. Utilisation de <fieldset>
Pour regrouper des champs liés logiquement.
<fieldset>
<legend>Adresse de livraison</legend>
<label for="rue">Rue</label>
<input type="text" id="rue" />
<label for="cp">Code postal</label>
<input type="text" id="cp" />
<label for="ville">Ville</label>
<input type="text" id="ville" />
</fieldset>
2. Groupes de boutons radio
Les boutons radio doivent toujours être regroupés pour que l'utilisateur comprenne la question posée.
<fieldset>
<legend>Civilité</legend>
<input type="radio" id="mme" name="civilite" value="mme" />
<label for="mme">Madame</label>
<input type="radio" id="m" name="civilite" value="m" />
<label for="m">Monsieur</label>
</fieldset>