Zoom texte
Z
Definition complete
Le zoom texte est la capacite d'agrandir le texte d'une page web jusqu'a 200% sans perte de fonctionnalite ni de contenu. C'est un critere d'accessibilite WCAG (1.4.4, niveau AA) essentiel pour les utilisateurs malvoyants ou avec une fatigue visuelle.
Le critere WCAG specifie que lorsque le texte est agrandi a 200%, l'utilisateur doit pouvoir : lire tout le contenu (pas de texte tronque), utiliser toutes les fonctionnalites (navigation, formulaires), et ne pas avoir a scroller horizontalement sur une largeur de 320 CSS pixels.
Les techniques pour supporter le zoom incluent : l'utilisation d'unites relatives (em, rem, %, vw) plutot que pixels fixes, des layouts flexibles (flexbox, grid) qui s'adaptent, et le test reel avec Ctrl+/Cmd+ pour agrandir.
A ne pas confondre avec le zoom de page (qui agrandit tout proportionnellement). Le zoom texte specifique (parametres navigateur) n'agrandit que le texte, testant la robustesse du design.
Exemples pratiques
- Test WCAG : Navigateur a 200% de zoom texte, verifier que la navigation reste utilisable, les formulaires fonctionnels, et aucun texte n'est coupe.
- CSS responsive :
font-size: 1rem;+ media queries permettant au texte de rester lisible a tout niveau de zoom. - Erreur courante : Hauteur de conteneur fixe en pixels, texte agrandi depasse et est coupe, solution :
min-heightau lieu deheight.
A quoi sert Zoom texte ?
Le support du zoom texte sert a rendre les sites accessibles aux malvoyants, respecter les criteres WCAG AA, ameliorer le confort de lecture pour tous, et eviter les poursuites pour inaccessibilite.
Zoom texte en pratique chez 123web
Chez 123web, nous testons le zoom texte 200% sur tous nos sites. Unites relatives, layouts flexibles, et tests manuels : vos pages restent fonctionnelles et lisibles quel que soit le niveau de zoom de l'utilisateur.