Le contenu de votre site s'adapte-t-il sans défilement horizontal quand l'affichage est réduit à la largeur d'un mobile ?
Critère officiel 10.11 — Pour chaque page web, les contenus peuvent-ils être présentés sans avoir recours à un défilement vertical pour une fenêtre ayant une hauteur de 256px ou à un défilement horizontal pour une fenêtre ayant une largeur de 320px (hors cas particuliers) ?
Pourquoi c'est important
Les personnes malvoyantes qui agrandissent fortement leur navigateur se retrouvent avec une fenêtre très étroite — équivalente à un petit mobile. Si le site impose un défilement latéral pour lire le contenu, elles doivent se déplacer horizontalement à chaque ligne de texte. C'est une expérience épuisante qui rend la lecture pratiquement impossible.
Exemples concrets
Ce qui est conforme
La page des délibérations du conseil, affichée à 320 pixels de large, reorganise automatiquement le contenu en une seule colonne lisible. Tous les boutons, formulaires et liens restent accessibles sans aucun défilement horizontal.
Ce qui pose problème
Le tableau des tarifs de la cantine a des colonnes de largeur fixe. À 320 pixels, le tableau dépasse sur la droite. Une partie des montants est coupée et nécessite un défilement latéral pour être consultée sur mobile ou en fort zoom.
Comment agir
Test autonome : dans Chrome ou Firefox, ouvrez les outils développeur (F12), cliquez sur l'icône de téléphone (mode responsive) et sélectionnez une largeur de 320 pixels. Vérifiez que tout le contenu est accessible sans défilement latéral. Les tableaux de données complexes sont une exception tolérée — tout le reste doit s'adapter.