# 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 ?

Sommaire de la fiche :

- Carte d'identité
- Comprendre

- Comment évaluer
- Comment mettre en oeuvre

- Illustrations
- Références

### 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

- Bénéfice 1 :
  Pour les utilisateurs aveugles la lecture des éléments de liste se fait élément par élément.
  Ces éléments de liste apparaissent dans l'ordre dans lequel ils sont écrites dans le code source de la page. Il vaut donc mieux suivre un ordre logique pour les présenter afin que l'utilisateur puisse ainsi repérer plus rapidement l'élément qu'il recherche.
  Pour la liste des départements français, par exemple, il est préférable de les classer par ordre alphabétique. Dans d'autres circonstances, il peut s'agir d'un ordre chronologique, un ordre de pertinence etc...

#### 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

- Fiche 1.6 : Les zones de chacune des images MAP sont-elles ordonnées de manière logique ?
- Fiche 9.2 : La page web est-elle structurée de manière cohérente ?

#### Autres ressources

- webaim.org : Create accessible forms (page 2)

revenir au sommaire de la fiche

revenir en haut de la page

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