Avertissement

Menu mobile reste ouvert

Après avoir touché un lien dans le menu mobile, la nouvelle page se charge, mais le menu reste ouvert par-dessus.

Pourquoi c'est important

Le visiteur touche un lien et voit toujours le menu. Il doit d'abord le fermer, et beaucoup pensent que le lien n'a pas fonctionné.

Comment Snaglist le vérifie

Avec le menu ouvert, Snaglist touche un lien menant à une autre page du site et attend que l'adresse change. Si la plupart des liens du menu sont encore visibles après ou si le bouton indique toujours aria-expanded="true", il signale ce problème.

Causes fréquentes

  • Un site qui change de pages sans recharger, comme Next.js, Nuxt ou une autre application monopage
  • Un état du menu qui n'écoute pas la route
  • Une transition qui maintient l'ancien menu à l'écran

Comment le corriger

  1. Fermez le menu dès que l'adresse change, par exemple en surveillant la route dans le composant du menu.
  2. Ou fermez-le à chaque tap sur un lien dans le menu.
  3. Vérifiez la page après le prochain crawl.

Repérez ceci sur votre propre site.

Snaglist effectue ce contrôle et 43 autres sur chaque page de votre site, chaque semaine. 14 jours gratuits, sans carte bancaire.

Essayez gratuitement pendant 14 jours