[accessibilite-numerique] RE : question concernant l'accessibilité d'un formulaire de questionnaire présenté sous forme de tableau de boutons radio

Mar 24 Avr 14:13:59 EDT 2007

Messagesalut hervé, 
quand j'ai visité le site la semaine dernière il n'avait pas de name=question, il y avait un dièze si mes souvenirs sont bons. 
la dernière solution que tu as prise et très bien car je viens de la tester et je me suis amusé à remplir le questionnaire de satisfaction donc j'ai vérifierles racourci clavier çà fonctionne bien, on peut tabuler de champ en champ, on a pas de souci pour cocher les case et laprésentation est plus raproché qu'un tableau et on les as les uns en dessous des autres donc pour un formulaire à choix multiple je pense qu'on pourrait breveter la solution en terme d'accessibilité. 
à plus. 
ANne  
  ----- Original Message ----- 
  From: CHUZEVILLE Hervé 
  To: accessibilite-numerique at list.accessiweb.org 
  Sent: Tuesday, April 24, 2007 2:57 PM
  Subject: [accessibilite-numerique] RE : question concernant l'accessibilité d'un formulaire de questionnaire présenté sous forme de tableau de boutons radio

  Bonjour,

  Merci à tous les deux, Anne et Jean-Louis, pour vos réponses, vos tests et vos suggestions.

  Je vais finalement essayer de partir sur la dernière solution proposée par Jean-Louis qui semble présenter un consensus et qui effectivement peut se rapprocher de la présentation en tableau avec une bonne feuille de style.

  Anne, je ne comprends pas ta remarque "ce serait mieux de mettre un name au formulaire" ; j'ai pourtant bien <form name="question"> ?

  Cordialement,

  Hervé
    -----Message d'origine-----
    De : accessibilite-numerique-bounces at list.accessiweb.org [mailto:accessibilite-numerique-bounces at list.accessiweb.org] De la part de Jean-Louis Bataille
    Envoyé : mardi 24 avril 2007 05:31
    À : accessibilite-numerique at list.accessiweb.org
    Objet : Re: [accessibilite-numerique]question concernant l'accessibilité d'un formulaire de questionnaire présenté sous forme de tableau de boutons radio

    Bonjour 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&eacute; des donn&eacute;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 ----- 

------------------------------------------------------------------------------

  _______________________________________________
  accessibilite-numerique mailing list
  accessibilite-numerique at list.accessiweb.org
  http://list.accessiweb.org/mailman/listinfo/accessibilite-numerique_list.accessiweb.org
-------------- section suivante --------------
Une pièce jointe HTML a été nettoyée...
URL: http://list.accessiweb.org/pipermail/accessibilite-numerique_list.accessiweb.org/attachments/20070424/59247a49/attachment-0001.html 