[accessibilite-numerique] question concernant l'accessibilité d'un formulaire de questionnaire présenté sous forme de tableau de boutons radio
Jean-Louis Bataille
jlbataille at free.fr
Lun 23 Avr 23:31:05 EDT 2007
MessageBonjour Anne,
Lorsque tu dis :
« Le label for est important quand tu dois remplir des champs car si tu oublies de mettre le label tu n'as pas forcément le nom de l'étiquette du formulaire quand tu te trouves en mode remplissage du formulaire. ».
Cela signifie-t-il que la lecture du formulaire sous forme de tableau est suffisamment claire pour toi. En revanche, si tu souhaitais y répondre, tu ne saurais pas facilement identifier les boutons radio du fait de l'absence des labels ?
Ce formulaire serait-il aussi accessible pour les utilisateurs qui comme toi au départ, auraient choisi pour une raison ou une autre, de mettre tous leurs formulaires sans tableau ?
Les labels présentent un autre intérêt : faciliter la saisie des formulaires à l'aide d'une souris. En effet, cliquer sur un label permet notamment d'activer le bouton radio associé, de cocher ou décocher une case ou encore de donner le focus à un champ de texte ou une liste de sélection. Ils représentent ainsi une aide précieuse également pour les personnes qui peuvent éprouver des difficultés à maîtriser la souris.
La présentation sous forme de tableau (même sans la balise TABLE) présente un autre inconvénient. Avant de sélectionner le choix SANS OPINION (colonne la plus à droite), je dois parcourir la ligne vers la gauche pour m'assurer que je vais effectivement répondre au bon critère. Ces allers-retours restent encore à ma portée vue la taille du tableau, quoique pas très agréables. En revanche, cela peut poser un problème pour les personnes qui sont obligées de zoomer. Le bouton radio SANS OPINION et son critère risquent en effet, de ne pas être visibles ensemble à l'écran. Elles devront donc utiliser l'ascenseur horizontal pour s'assurer qu'elles répondent au bon critère.
Hervé,
Une autre solution consisterait à abandonner la représentation en tableau au profit de fieldsets. Par exemple, pour chaque critère :
<fieldset>
<legend>accessibilité des données</legend>
<span>
<input type="radio" name="REP1QUES7" value="1" tabindex="1" id="r1" />
<label for="r1">
<abbr title="Bonne accessibilité des données">Bonne</abbr>
</label>
</span>
<span>
<input type="radio" name="REP1QUES7" value="2" tabindex="2" id="r2" />
<label for="r2">
<abbr title="Accessibilité des données moyenne">Moyenne</abbr>
</label>
</span>
<span>
<input type="radio" name="REP1QUES7" value="3" tabindex="3" id="r3" />
<label for="r3">
<abbr title="Accessibilité des données médiocre">Médiocre</abbr>
</label>
</span>
<span>
<input type="radio" name="REP1QUES7" value="4" tabindex="4" id="r4" />
<label for="r4">
<abbr title="Sans opinion sur l'accessibilité des données">Sans opinion</abbr>
</label>
</span>
</fieldset>
Cette solution semble plus simple à réaliser, plus accessible et aussi plus confortable à mes yeux.
Pour l'esthétique, tout reste encore une fois, une question de (feuille de) style.
Cordialement.
Jean-Louis Bataille
http://www.votre-hotel.com
----- Original Message -----
From: anne mignonat
To: accessibilite-numerique at list.accessiweb.org
Sent: Monday, April 23, 2007 10:51 PM
Subject: Re: [accessibilite-numerique]question concernant l'accessibilité d'un formulaire de questionnaire présenté sous forme de tableau de boutons radio
salut,
ton alternative est pas mal aussi mais on peut quand même y arriver dans le tableau.
au départ je mettais tous mes formulaires sans tableau et c'était pas joli et pas non plus pratique pour jaws donc tous mes formulaires sont dans des tableau.
Le label for est importan quand tu dois remplir des champs car si tu oublies de mettre le label tu n'a pas forcément le nom de l'étiquette du formulaire quand tu te trouves en mode remplissage du formulaire mais sinon j'ai regardé le code de la page mon cher et il y avait tout donc pourquoi ne pas rester en mode tableau puisqu'il avait mis les tabindex et les racourci clavier donc on peut soit tabuler de champ en champ ou utiliser la commande F qui permet de se déplacer de champ en champ de formulaire. ----- Original Message
Bonne nuit.
Anne -----
-------------- section suivante --------------
Une pièce jointe HTML a été nettoyée...
URL: http://list.accessiweb.org/pipermail/accessibilite-numerique_list.accessiweb.org/attachments/20070424/e9df5153/attachment.html
Plus d'informations sur la liste de diffusion accessibilite-numerique