Les menus déroulants ne sont pas sur ma liste personnelle de fonctions préférées implémentées sur un site Web.
Beaucoup ne semblent pas être appliqués de manière accessible et adaptée de façon universelle à ce que je nomme le « Keyboard friendly ».
Quelques exemples courants:
- Pas de véritables liens : les sous-liens ne peuvent être révélés sans l’aide d’une souris, les utilisateurs de clavier « exclusif » sont donc automatiquement mis hors de portée de l’accessibilité au contenu. Pourquoi ne pas ajouter des indications pour les claviers ? De cette façon, les menus déroulants n’empêchent pas les gens de naviguer dans le site et peut être vu comme une amélioration pour les utilisateurs « keyboard only ».
- Tabulation « trou noir » : les sous-liens ne sont pas affichés sur le focus mais existent dans l’ordre de tabulation, ce qui les rend accessible techniquement, mais crée également un « trou noir de tabulation » pour les non-utilisateurs de souris. Comme il n’y a pas de retour visuel, sauf si vous utilisez une souris, ils sont extrêmement difficiles à utiliser.
La prochaine fois que vous mettez en place un menu déroulant, s’il vous plaît, assurez-vous d’éviter ces problèmes qui sont corrigibles avec un code HTML simple.
Et le petit plus, c’est mieux pris en compte par les moteurs de recherche, avis aux experts SEO !
Abonnez-vous.
