Formulaires · RGAA critère 11.1 · WCAG 1.3.1 (niveau A) · WCAG 3.3.2 (niveau A) · WCAG 4.1.2 (niveau A)
Champ de formulaire sans étiquette : pourquoi et comment corriger
- Gravité : bloquant
- Correction facile
- Gêne : personnes aveugles (lecteur d'écran), troubles cognitifs et dys
En bref. L'information attendue n'est pas annoncée : le formulaire est très difficile à remplir avec un lecteur d'écran.
Ce que demande le référentiel
« Chaque champ de formulaire vérifie-t-il une de ces conditions ? »
Comment corriger
Associer une <label for> visible à chaque champ.
Le texte d'exemple (placeholder) disparaît dès qu'on tape : il ne remplace pas une étiquette.
<input type="email" placeholder="Votre e-mail"><label for="courriel">Votre e-mail</label>
<input type="email" id="courriel" autocomplete="email">Ce qu'un test automatique voit, et ce qu'il ne voit pas
Détecté automatiquement
Un champ sans étiquette associée (label, aria-label ou aria-labelledby).
À vérifier par une personne
Que l'étiquette soit visible, à côté du champ, et qu'elle indique le format attendu si besoin (critère 11.10).
Questions fréquentes
Un placeholder suffit-il ?
Non : il disparaît à la saisie et n'est pas toujours lu. Gardez une étiquette visible.
Sources : RGAA 4.1.2 (DINUM), WCAG 2.2 (W3C). Mis à jour le 30/09/2026. Cette fiche explique un défaut détectable ; elle ne constitue pas un audit de conformité.