Indices visuels
Ne pas bloquer le zoom
- Règle:
meta-viewport - Gravité: Modéré
- Niveau WCAG AA
Pourquoi c’est important
user-scalable=no et un maximum-scale bas empêchent le zoom par pincement. Pour une personne malvoyante, la page devient inutilisable sur l’appareil dont elle se sert le plus.
Comment corriger
- Retirez user-scalable=no et maximum-scale de la balise meta viewport.
- Conservez content="width=device-width, initial-scale=1".
- Vérifiez que la mise en page tient encore à 200 % de zoom sans défilement horizontal.
Dans le balisage
<meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1"><meta name="viewport" content="width=device-width, initial-scale=1">L’exigence sous-jacente
Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :
- 1.4.4 Redimensionnement du texte (s’ouvre dans un nouvel onglet) — Niveau WCAG AA
Pour aller plus loin
Deque University sur meta-viewport (s’ouvre dans un nouvel onglet)
Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.
Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.