Accessia
Auditer mon site
Tous les critères par thématique

Thématique 10 · Présentation de l'information

Critère RGAA 10.11 : Pas de défilement horizontal à 320 px

Une personne qui zoome à 400 % voit l'équivalent d'un écran de 320 px de large : si elle doit défiler dans les deux sens pour lire, le contenu devient très difficile à suivre.

Niveau
AA
WCAG 2.2
1.4.10
Thématique
Présentation de l'information
Vérification
Détection partielle

La question posée par le RGAA

Pour chaque page web, les contenus peuvent-ils être présentés sans perte d’information ou de fonctionnalité et sans avoir recours soit à un défilement vertical pour une fenêtre ayant une hauteur de 256 px, soit à un défilement horizontal pour une fenêtre ayant une largeur de 320 px (hors cas particuliers) ?

Comment respecter ce critère

  • Concevez une mise en page responsive qui se réorganise en une colonne à 320 px de large.
  • Évitez les largeurs fixes en pixels, autorisez la coupure des mots longs et utilisez max-width: 100% pour les médias.
  • Les contenus qui exigent deux dimensions (tableaux de données, cartes, schémas) font exception.

Exemple

Le contenu n'est pas exploitable sans scroll horizontal à 320px (reflow).

✗ À éviter

.wrap { width: 1200px; }

✓ À faire

.wrap { max-width: 100%; }

Les tests officiels

Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :

  1. 10.11.1 — 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) ?
  2. 10.11.2 — Pour chaque page web, lorsque le contenu dont le sens de lecture est vertical est affiché dans une fenêtre réduite à une hauteur de 256 px, l’ensemble des informations et des fonctionnalités sont-elles disponibles sans aucun défilement vertical (hors cas particuliers) ?

Source : RGAA 4.1.2, critère 10.11, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.

Comment Accessia le vérifie

Accessia détecte automatiquement une partie des manquements à ce critère et les signale « à confirmer » ; la revue guidée vous fait vérifier le reste avec les tests officiels.