Les titres de groupes de champs dans vos formulaires décrivent-ils précisément ce que le groupe contient ?
Critère officiel 11.7 — Dans chaque formulaire, chaque légende associée à un regroupement de champs de même nature est-elle pertinente ?
Pourquoi c'est important
Un titre de groupe vague comme « Section 1 » ou « Informations » n'aide pas l'utilisateur à comprendre ce qu'on lui demande. La personne aveugle qui entend « Section 2 » avant une série de champs doit les parcourir entièrement avant de comprendre qu'ils concernent les activités périscolaires choisies.
Exemples concrets
Ce qui est conforme
Les titres de groupes sont précis : « Identité de l'enfant », « Coordonnées des responsables légaux », « Choix des activités périscolaires ». Chaque titre dit exactement ce que le groupe contient avant même d'explorer les champs.
Ce qui pose problème
Les groupes sont titrés « Partie 1 », « Partie 2 », « Partie 3 ». L'utilisateur doit explorer chaque groupe pour comprendre ce qui est demandé — puis rebrousser chemin s'il s'est trompé de section.
Comment agir
Rédigez les titres de groupes aussi précisément que les titres de vos pages : demandez-vous si ce titre seul suffit à comprendre le contenu du groupe. Fournissez ces titres définitifs à votre prestataire — ils ne doivent jamais être générés automatiquement (« Section 1 », « Groupe A »).
Règles clés
- La legend répond à : 'Quel est le sujet de ce groupe ?'
- Distincte des autres legends si le formulaire contient plusieurs fieldsets.
- Concise — annoncée avant chaque option du groupe.
Erreurs fréquentes
- Legend générique : 'Options', 'Choix', 'Sélection'
- Legend identique pour plusieurs fieldsets dans le même formulaire
Exemples de code
legend générique
✗ Non conforme<fieldset>
<legend>Options</legend>
<label><input type="radio" name="livraison" value="std"> Standard</label>
<label><input type="radio" name="livraison" value="exp"> Express</label>
</fieldset>'Options' ne dit pas de quoi il s'agit. Annoncé : 'Options, groupe — Standard, bouton radio'.
legend précise
✓ Conforme<fieldset>
<legend>Mode de livraison</legend>
<label><input type="radio" name="livraison" value="std"> Standard (3-5 jours)</label>
<label><input type="radio" name="livraison" value="exp"> Express (24h, +5€)</label>
</fieldset>Annoncé : 'Mode de livraison, groupe — Standard (3-5 jours), bouton radio, 1 sur 2'.
Référence WCAG : 1.3.1, 3.3.2