Gravité : Majeur
Couleurs et affichage
Viewport qui bloque le zoom utilisateur
Une balise viewport avec user-scalable=no ou maximum-scale empêche d'agrandir la page sur mobile.
Qui est concerné
- Personnes malvoyantes qui ont besoin de zoomer pour lire
- Toute personne au confort visuel réduit (fatigue, petit écran)
Pourquoi c'est important
Bloquer le zoom prive d'un geste vital ceux qui agrandissent le texte pour le lire. Le critère 1.4.4 (niveau AA) impose que le texte puisse être agrandi jusqu'à 200 % sans perte de contenu. C'est une mauvaise pratique répandue, souvent ajoutée par habitude sans en mesurer l'effet.
Comment le tester vous-même
- Ouvrez la page sur mobile et tentez d'écarter deux doigts pour zoomer.
- Inspectez la balise <meta name="viewport"> dans le <head>.
- Elle ne doit contenir ni user-scalable=no ni maximum-scale inférieur à 5.
Comment corriger
Ne bloquez pas le zoom : retirez user-scalable=no et maximum-scale de la balise viewport pour laisser l'utilisateur agrandir.
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1"><meta name="viewport" content="width=device-width, initial-scale=1">Critères de référence
| WCAG 2.1 |
|
|---|---|
| RGAA 4.1 | Thème 10 : Présentation de l'information |
Plainpied détecte ce défaut automatiquement et le localise page par page. La conformité totale combine détection automatique et vérifications humaines : voir notre méthode.