retour vers le site AccessiWeb

Guide AccessiWeb


vous êtes ici : Accueil > Fiches AccessiWeb : Formulaires > Fiche 11.8

Fiche 11.8 : Les informations sont-elles organisées dans un ordre logique dans les listes de choix ?

Carte d'identité

  • Critère AccessiWeb : 11.8
  • Niveau AccessiWeb : argent
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 2 de WAI) : 3.6

revenir en haut de la page

Comprendre

Bénéfices pour les utilisateurs

Valeur ajoutée pour le site

Il n'y a pas d'élément d'information pour cette rubrique.

revenir en haut de la page

Comment évaluer

Par le code source

  1. Repérer la balise SELECT.
  2. Puis vérifier que les informations dans les balises OPTION se succèdent bien dans un ordre logique.

Par l'utilisation d'outils

Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web, et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.

Evaluer avec la barre AccessiWeb (version 1.0) :

Ce critère n'est pas évaluable par la barre AccessiWeb.

Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
Ce critère n'est pas évaluable par la barre d'accessibilité AIS version 1.2 pour IE.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :
Ce critère n'est pas évaluable par la barre d'outils Web Developer version 1.0.2 pour Firefox.

Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
  1. Appuyer sur la touche F (formulaire) jusqu'à se positionner sur la liste déroulante, et appuyer sur "Entrée".
  2. Afin d'éviter qu'un choix dans la liste ne s'active automatiquement (c'est le cas lorsque la liste est gérée par un javascript), ouvrir la liste à l'aide des touches Alt+flèche bas.
  3. Passer d'élément en élément à l'aide des flèches "haut" et "bas".
  4. Vérifier que les éléments sont ordonnés de manière logique en allant de haut en bas.

revenir en haut de la page

Comment mettre en oeuvre

Qui est concerné ?

Le développeur doit veiller au respect de ce critère.

Implémentation

Les éléments de liste apparaissant dans l'ordre dans lequel ils sont codés, il suffit d'en définir la logique d'ordonnancement avant d'entreprendre leur implémentation dans le code.

Syntaxe générale :

<select>
<option>elément 1</option>
<option>Elément 2</option>
<option>Elément 3</option>
...
</select>

Exemple de mauvaise pratique

Dans l'extrait de code qui suit, les éléments de liste représentés par les noms de pays, ne sont pas ordonnés selon un ordre logique.

<label for="pays">* pays</label> :
<select name="pays" size="1" id="pays">
<option value="france">France</option>
<option value="allemagne">Allemagne</option>
<option value="luxembourg">luxembourg</option>
<option value="italie">Italie</option>
<option value="luxembourg">luxembourg</option>
</select>

Exemple de bonne pratique

en reprenant l'exemple précédent, il suffit d'adopter, par exemple, un ordre alphabétique pour classer les éléments de liste.

<label for="pays">* pays</label> :
<select name="pays" size="1" id="pays">
<option value="allemagne">Allemagne</option>
<option value="france">France</option>
<option value="italie">Italie</option>
<option value="luxembourg">luxembourg</option>
</select>

revenir en haut de la page

Illustrations

Il n'y a pas d'illustration pour cette fiche.

revenir en haut de la page

Références

Autres fiches à consulter

Autres ressources

revenir en haut de la page


Fiche précédente : fiche 11.7 Fiche suivante : fiche 12.1

Guide AccessiWeb (version 2.1, 30 août 2006) | Conditions d'utilisation | Contact