Corriger « Lisibilité à 200 % de zoom à vérifier » en HTML
Pourquoi c'est un problème
Beaucoup de personnes malvoyantes naviguent avec un zoom permanent. Si la mise en page casse à 200 %, du texte se chevauche, des boutons sortent de l'écran ou une barre de défilement horizontale apparaît : la page devient impraticable pour celles qui en ont le plus besoin.
Comment corriger — HTML
Exprimez les tailles en unités relatives (rem, em, %) plutôt qu'en pixels figés, et laissez les conteneurs s'adapter. Évitez les hauteurs fixes sur les blocs de texte : c'est ce qui provoque le chevauchement quand la police grandit.
/* Hauteur figée + police en pixels : le texte déborde dès que l'on zoome. */
.carte { height: 120px; font-size: 14px; overflow: hidden; }/* La carte suit son contenu, le texte suit les réglages de l'utilisateur. */
.carte { min-height: 7.5rem; font-size: 0.95rem; }Vérifiez votre site en 30 secondes
Conformly détecte ce type de problème sur toutes vos pages, en continu, et vous alerte à chaque régression.
Scan gratuit