Fix "Readability at 200 % zoom to verify" in HTML
Why it's a problem
Many low-vision users browse with permanent zoom. If the layout breaks at 200 %, text overlaps, buttons fall off screen or a horizontal scrollbar appears: the page becomes unusable for those who need it most.
How to fix it — HTML
Express sizes in relative units (rem, em, %) rather than fixed pixels, and let containers adapt. Avoid fixed heights on text blocks: that is what causes overlap when the font grows.
/* 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; }Check your site in 30 seconds
Conformly detects this kind of issue across all your pages, continuously, and alerts you on every regression.
Free scan