web-dev-qa-db-fra.com

Utilisation appropriée des balises fieldset / legend

Je me demande quelle est l'utilisation suggérée de <fieldset>s sont sur une page Web.

Par exemple, sur une page simple avec un seul formulaire (un ensemble d'entrées), est-il toujours recommandé d'utiliser un fieldset? Ou doit-il être utilisé uniquement lorsqu'il y a plusieurs formulaires ou plusieurs "sections" sur une page?

Doit-il être utilisé uniquement sur les pages d'entrée/d'édition et non sur les pages d'affichage/de détails?

Comment l'inclusion/l'exclusion d'un fieldset sur une page affecte-t-elle la convivialité?

11
TJB

--- Techniques HTML du W3C pour les directives d'accessibilité du contenu Web 1. note fieldset comme balise que vous pouvez utiliser pour regrouper sémantiquement les champs d'un formulaire. Vous pouvez ensuite étiqueter cet ensemble de champs avec un legend. Selon le fonctionnement du navigateur accédant à votre contenu, cela pourrait augmenter l'accessibilité (par exemple, un lecteur d'écran pourrait indiquer que la section suivante du formulaire est destinée à d'autres adresses de livraison, ce qui permettrait au visiteur de savoir qu'il pourrait éventuellement ignorer cette section) .

Vous pouvez utiliser un jeu de champs quand vous le souhaitez, même si vous n'avez qu'un seul champ. Cela dépend de la façon dont vous souhaitez décrire sémantiquement votre contenu et de la façon dont vous souhaitez rendre vos formulaires accessibles. Par exemple, un formulaire de recherche contenant un champ de saisie et un bouton d'envoi peut être contenu dans un jeu de champs et utiliser une légende, mais vous pouvez utiliser CSS pour masquer les deux et afficher le formulaire comme vous le souhaitez. C'est à vous de décider comment vous voulez l'indiquer, y compris si vous voulez l'utiliser pour des pages d'entrée/édition ou des pages d'affichage/de détails.

12
Rahul

Rahul a raison, bien que dans votre exemple de plusieurs groupes d'éléments, je dirais que c'était un must.

Une grande chose pour moi est que l'utilisation d'une légende avec le fieldset ajoute l'accessibilité pour les utilisateurs avertis qui utilisent le "Mode formulaire". Si vous fournissez des informations supplémentaires concernant une question dans un texte ou un titre, ce n'est pas "lu" en "mode Formulaire" de la plupart des lecteurs, mais si vous utilisez la légende avec le jeu de champs. C'est lu comme contexte.

7
Susan R