Présentation de l'information · RGAA critère 10.11 · WCAG 1.4.10 (niveau AA)
Contenu qui déborde sur petit écran ou au zoom : pourquoi et comment corriger
- Gravité : majeur
- Correction moyenne
- Gêne : personnes malvoyantes, handicap moteur (clavier seul)
En bref. Les personnes qui agrandissent l'affichage doivent faire défiler dans deux directions pour lire.
Ce que demande le référentiel
« Pour chaque page web, lorsque le contenu dont le sens de lecture est horizontal est affiché dans une fenêtre réduite à une largeur de 320 px, l’ensemble des informations et des fonctionnalités sont-elles disponibles sans aucun défilement horizontal (hors cas particuliers) ? »
Comment corriger
Rendre les blocs fluides (max-width: 100 %, flex-wrap) pour une lecture sans défilement horizontal à 320 px.
Le référentiel demande qu'une page reste lisible sans défilement horizontal sur une largeur de 320 pixels, ce qui correspond à un zoom de 400 %.
.page { width: 1200px; }.page { max-width: 1200px; width: 100%; }
@media (max-width: 640px) {
.colonnes { display: block; }
}Ce qu'un test automatique voit, et ce qu'il ne voit pas
Détecté automatiquement
Un défilement horizontal de la page affichée sur 320 pixels de large (contrôle ajouté par ProspectAgent, que les tests automatiques courants ne font pas).
À vérifier par une personne
Que tout le contenu et toutes les fonctionnalités restent disponibles à cette largeur.
Sources : RGAA 4.1.2 (DINUM), WCAG 2.2 (W3C). Mis à jour le 30/09/2026. Cette fiche explique un défaut détectable ; elle ne constitue pas un audit de conformité.