Lorsque des listes déroulantes sont utilisées, les options qu’elles contiennent doivent être ordonnées de manière logique.
L’ordre logique dépend du contexte, mais il peut s’agir notamment :
Une 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 “I” pour atteindre le pays “Italie”, par exemple).
Ainsi :
<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>