Votre site a mieux à faire que vous faire attendre. Découvrir PageSpeed.fr
Expérience utilisateur

Un tableau large ne doit pas casser toute la page mobile

Conserver la comparaison lisible sans provoquer un débordement global.

Préserver la structure des données

Un tableau exprime des relations entre lignes et colonnes. Le transformer automatiquement en cartes peut faire perdre ces liens. Commencez par identifier ce que le lecteur doit comparer et par fournir des en-têtes compréhensibles. La mise en page doit servir cette lecture.

Limiter le défilement à la zone utile

Lorsque toutes les colonnes sont nécessaires, une zone de défilement ciblée peut être préférable à une page entière qui dépasse de l’écran. Rendez cette possibilité perceptible et vérifiez son usage au clavier. Le visiteur doit comprendre qu’il existe des colonnes supplémentaires.

Réduire ce qui peut l’être

Les colonnes secondaires, les libellés excessifs et les cellules chargées d’icônes peuvent compliquer la lecture. Simplifiez le contenu sans supprimer les informations utiles. Testez les données longues et les valeurs manquantes : elles révèlent souvent des contraintes absentes des exemples idéaux. Une légende concise peut expliquer l’unité des valeurs et éviter de répéter un libellé volumineux dans chacune des cellules du tableau.

Pour aller à la source

Besoin d’aide pour votre site ? Retrouvez les conseils d’installation et de compatibilité dans notre centre d’aide.
Votre prochaine étape

Et si votre site
passait la seconde ?

Essayez, comparez, gardez la main. Vous pouvez désactiver ou supprimer l’extension à tout moment pour retrouver le fonctionnement habituel de votre site.

Accélérer mon siteMesurer mon site