Critère « 183 »

Nom :
183
Description :
Les champs de formulaire qui nécessitent une information commune sont regroupés sous une même légende.
Cré(é) le :
21 avril 2010
Automatisé(e) :
Semi-automatisé
Objectif(s) :

Des champs de formulaire doivent être regroupés avec le balisage approprié lorsque leurs étiquettes ne suffisent pas à indiquer clairement le rôle de chaque champ concerné. Le regroupement donne alors un moyen de compléter ces étiquettes par une légende commune. Ceci permet :

  • De faciliter le remplissage du formulaire en contextualisant les informations demandées et en découpant l'ensemble des informations demandées en sous-groupes ;
  • D'optimiser le rendu dans les aides techniques en permettant d'expliciter les étiquettes des champs de formulaire à l'aide d'une légende commune attribuée au groupe de champs ;
  • D'obtenir un rendu approprié des regroupements de champs de formulaire par tous les navigateurs (typiquement, dans un filet commun).
Solution(s) technique(s) :

Utiliser l'élément fieldset pour baliser chaque groupe de champs nécessitant une information complémentaire commune.

Utiliser obligatoirement l'élément legend pour expliquer le sens de ce regroupement.

Moyen(s) de contrôle :

Pour chaque formulaire :

  • Identifier quels sont les éventuels champs à regrouper ;
  • Dans le cas où un regroupement semble nécessaire, désactiver les styles CSS puis contrôler la présence des éléments fieldset (qui sert à baliser le groupe de champs) et legend (qui apporte une information complémentaire nécessaire à la bonne compréhension de chaque étiquette de champ présente dans le regroupement) ainsi que la pertinence de leur emploi.

Vu que le rendu par défaut des blocs fieldset peut avoir été modifié par les styles CSS et que l'élément legend peut parfois être masqué à l'affichage, le contrôle doit s'effectuer indépendamment du rendu. Le moyen le plus direct est d'examiner les pages concernées en ayant désactivé les styles CSS via l'option offerte par la Web Developer Toolbar dans Firefox (menu CSS).

Dérogations:
(non renseigné)
Remarques:
(non renseigné)
Niveau :
Niveau 3
Thématique :
Formulaires
VPTCS :
Perception Technique
Processus :
Intégration Prototype CMS – Développement
Exigences :
Utilisabilité
Workshop :
validée