2010-02-11 10 views
6

Je sais que de nombreuses fonctionnalités en HTML sont nécessaires pour que les pages Web soient accessibles aux personnes ayant peu ou pas de vue, que les navigateurs spéciaux puissent lire à haute voix le texte de ces pages. Pour que cela fonctionne correctement, vous devez vous assurer de respecter les bonnes normes de codage HTML, par ex. vous devez vous assurer que vos images ont un autre texte, que vous n'utilisez pas de tableaux pour la mise en page, etc.Les tags fieldset ont-ils des avantages en termes d'accessibilité?

Mais ce dont je ne suis pas sûr, c'est l'importance de l'élément fieldset pour grouper les champs de saisie. L'étiquette fieldset donne-t-elle un avantage spécial sur l'accessibilité ou est-elle purement utilisée pour la mise en page?

Répondre

4

Oui. Voir: http://www.alistapart.com/articles/prettyaccessibleforms/

Certains lecteurs d'écran liront même la légende pour chaque étiquette dans un jeu de champs.

<fieldset> 
    <legend>What is your favorite animal?</legend> 
    <input type="radio" name="animal" id="Cat" /> <label for="Cat">Cat</label> 
    <input type="radio" name="animal" id="Dog" checked="checked" /> <label for="Dog">Dog</label> 
    <input type="radio" name="animal" id="Rabbit" /> <label for="Rabbit">Rabbit</label> 
</fieldset> 
  • Quel est votre animal préféré? Bouton radio. Chat. Non séléctionné.
  • Quel est ton animal préféré? Bouton radio. Chien. Choisi.
  • Quel est ton animal préféré? Bouton radio. Lapin. Non séléctionné.
10

Réponse courte: Oui. La structure et la sémantique sont bonnes.

Par exemple.

De nombreux lecteurs d'écran ont un «mode formulaire» dans lequel ils ignorent tout ce qui n'est pas lié à un formulaire.

() Cat 
() Dog 
() Rabbit 

qui est assez vide de sens

<fieldset> 
    <legend>What is your favourite animal?</legend> 

    () Cat 
    () Dog 
    () Rabbit 
</fieldset> 

Maintenant, la légende fieldset il donne le contexte.

Un paragraphe ne fonctionnerait pas - il n'est pas présenté à l'utilisateur en mode formulaire. Une étiquette ne fonctionnerait pas - elle décrit un champ, pas un ensemble d'entre eux. Vous utiliseriez une étiquette pour chaque chat, chien et lapin.

Questions connexes