Menu mobile non plein écran

Pourquoi c'est important

Un menu court avec la page visible en dessous est instable sur un téléphone. Un glissement déplace la page au lieu du menu, un tap touche la page et les liens en bas restent inaccessibles. Les longs sous-menus ouverts par défaut repoussent les éléments principaux.

Comment Snaglist le vérifie

Avec le menu ouvert, Snaglist mesure le panneau : va-t-il du bas de l'en-tête jusqu'en bas de l'écran, que se trouve-t-il en bas de l'écran, la page bouge-t-elle lorsque vous glissez sur le menu, chaque lien est-il accessible (visible ou par défilement dans le menu), et la page est-elle plus large que l'écran. Le détail indique ce qui a été mesuré et la capture d'écran montre le menu ouvert.

Causes fréquentes

• Un menu déroulant aussi long que ses liens, avec la page visible en dessous
• Un panneau avec une hauteur maximale et son propre défilement dans une page qui défile aussi
• Le défilement du body non bloqué lorsque le menu est ouvert
• Des sous-menus ouverts par défaut
• Un panneau avec overflow hidden qui coupe les derniers liens

Comment le corriger

1. Faites du menu ouvert un panneau fixe allant du bas de l'en-tête jusqu'en bas de l'écran.
2. Donnez-lui son propre défilement s'il est plus long que l'écran.
3. Bloquez la page en dessous lorsque le menu est ouvert.
4. Réduisez les longs sous-menus pour que les éléments principaux restent en haut.
5. Vérifiez la page après le prochain crawl.