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 :
- D’un ordre alphabétique (une liste de langues, par exemple).
- D’un ordre numérique (une liste de départements, par exemple).
- D’un ordre pratique (« France » en premier dans un formulaire d’inscription à un service français).
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>