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.
Laisser un commentaire