Objectif
- Optimiser le rendu dans les lecteurs d’écran en permettant d’expliciter les étiquettes des champs de formulaire.
- Améliorer l’accessibilité des contenus aux personnes handicapées
Mise en œuvre
Associer explicitement dans le code source chaque information venant compléter une étiquette de champ de formulaire, ou venant informer l’utilisateur en cas d’erreur de saisie :
- soit à l’aide d’un regroupement de champ fieldset et de l’élément legend ;
- soit à l’aide de l'attribut
aria-describedby.
Contrôle
Vérifier dans le code source que chaque information venant compléter une étiquette de champ de formulaire, ou venant informer l’utilisateur en cas d’erreur de saisie :
- est associée au champ en étant balisée par un élément legend inclus dans un élément fieldset regroupant les champs concernés ;
- ou est associée au champ via un attribut
aria-describedby.
Auteur Opquast - Consulter la licence
Découvrez la certification Opquast
- Une formation et une certification 100% en ligne
- 14 heures en ligne en autonomie, disponible 24h/24, 7j/7
- guide de 200 pages, des quiz, un glossaire, des examens blancs, des articles des videos
- Pour tous les professionnels du Web : marketing, commerciaux, UX, chefs de projet, designers, développeurs, ingénieurs informatiques.
- Une approche multidisciplinaire : SEO, accessibilité, sécurité, écoconception… pour tous les professionnels, débutants comme confirmés.