Le critère derrière
1.4.4 Redimensionnement du texte
Le texte doit survivre à un agrandissement à 200 % sans perdre de contenu ni de fonction.
Niveau AA · EN 301 549 § 9.1.4.4
Pourquoi cette vérification existe
L'agrandissement est l'aménagement le plus courant qui soit — et celui que la plupart des maquettes cassent en silence.
Ce qui la déclenche habituellement
- échoueDes conteneurs à hauteur fixe qui rognent le texte quand il grandit.
- échoue`user-scalable=no` dans la balise meta viewport.
- échoueDes tailles de police en `px` dans une mise en page qui ne se réorganise jamais.
Comment corriger
- à faireRetirez `user-scalable=no` et `maximum-scale`.
- à faireLaissez les conteneurs grandir : `min-height` plutôt que `height`, et pas d'`overflow: hidden` sur du texte.
- à faireTestez à 200 % de zoom navigateur, ce qui n'est pas la même chose qu'une fenêtre étroite.
Comment c'est signalé
A11ySignal le signale avec un impact critique. Chaque élément en échec arrive avec son sélecteur CSS et le balisage fautif, pour aller droit à la ligne plutôt que de la chercher. Deque publie le détail au niveau du moteur :
https://dequeuniversity.com/rules/axe/4.13/meta-viewport ↗
Vérification implémentée par axe-core 4.13.0, © Deque Systems, MPL-2.0.