Ordonner les options de manière logique dans les listes déroulantes

Lorsque des listes déroulantes sont utilisées, il est recommandé d’ordonner les options qu’elles contiennent de manière logique.

L’ordre logique dépend du contexte. Il peut s’agir notamment :

Astuce

Une autre bonne pratique d’accessibilité consiste à ne pas préfixer le contenu de la balise <option> avec des caractères décoratifs (tirets, étoiles, espaces, etc.).

Ceci afin de permettre un accès direct à une valeur ou à un groupe de valeurs souhaité par simple pression d’une touche au clavier (pression sur la touche E pour atteindre le pays « Espagne », par exemple).

<select>
   <option>--Allemagne</option>
   <option>--Belgique</option>
   <option>--Espagne</option>
   <option>--France</option>
   <option>--Italie</option>
</select>

Sera remplacé avantageusement par :

<select>
   <option>Allemagne</option>
   <option>Belgique</option>
   <option>Espagne</option>
   <option>France</option>
   <option>Italie</option>
</select>

Commentaires

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Haut de page