Ce que dit la norme
À l'exception des sous-titres et du texte sous forme d'image, le texte peut être redimensionné jusqu'à 200 pour cent sans technologie d'assistance et sans perte de contenu ou de fonctionnalité.
Pourquoi c'est important
L'agrandissement est l'aménagement le plus courant qui soit — et celui que la plupart des maquettes cassent en silence.
À quoi ressemble un échec
- é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 A11ySignal le vérifie
1 vérification automatique s'exécute sur ce critère à chaque analyse.
critiquemeta-viewportLe zoom et l’agrandissement ne doivent pas être désactivés
Également sous 1.4 Distinguable
- 1.4.1 Utilisation de la couleur
- 1.4.2 Contrôle du son
- 1.4.3 Contraste (minimum)
- 1.4.5 Texte sous forme d'image
- 1.4.6 Contraste (amélioré)
- 1.4.7 Son faible ou absent en arrière-plan
- 1.4.8 Présentation visuelle
- 1.4.9 Texte sous forme d'image (sans exception)
- 1.4.10 Redistribution
- 1.4.11 Contraste du contenu non textuel
- 1.4.12 Espacement du texte
- 1.4.13 Contenu au survol ou au focus