En rentrant de Paris Web avec Marlène, on était super motivé. C’est l’effet Paris Web.
On avait comme idée de créer un menu déroulant en HTML/CSS qui soit accessible.

Le cahier des charges était simple :

  • navigation à la souris
  • navigation au clavier (javascript)
  • navigation toujours possible si le javascript est désactivé

Après pas mal de temps passé entre midi et deux, à coups de 15/30 minutes par sessions, nous avons fini par avoir quelque chose qui fonctionne.

Lors de la navigation à la souris, il y a un petit délais (qui pour l’instant est trop long et qui demande à être affiné) qui permet d’éviter les dépliages/enroulages intempestifs.
La navigation au clavier fonctionne.
D’après ce qu’on m’a dit, il y a petit soucis d’accessibilité avec la propriété display:none en CSS. C’est un point sur lequel on va se pencher.

Maintenant, j’ai besoin de vous.
Le menu est en HTML/CSS/jQuery, et je ne suis absolument pas calé en javascript, je voudrai donc, si vous avez les compétences, que vous fassiez une relecture du code javascript.
Si il y a des erreurs, des remarques, ou autre, me les faire remonter.

Le code source est sur github. Vous pouvez le télécharger, y’a pas de soucis.

Merci d’avance à ceux qui prendront un peu de temps.

Un commentaire on “Un menu déroulant accessible en HTML/CSS/jQuery

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.