Kostenloser Scan

„Lesbarkeit bei 200 % Zoom prüfen“ in HTML beheben

Warum das ein Problem ist

Viele sehbehinderte Menschen surfen mit dauerhaftem Zoom. Bricht das Layout bei 200 %, überlappt Text und es erscheinen horizontale Scrollbalken.

So beheben Sie es — HTML

Verwenden Sie relative Einheiten (rem, em, %) statt fester Pixel und vermeiden Sie feste Höhen bei Textblöcken.

Vermeiden
/* Hauteur figée + police en pixels : le texte déborde dès que l'on zoome. */
.carte { height: 120px; font-size: 14px; overflow: hidden; }
Korrekt
/* La carte suit son contenu, le texte suit les réglages de l'utilisateur. */
.carte { min-height: 7.5rem; font-size: 0.95rem; }

Prüfen Sie Ihre Website in 30 Sekunden

Conformly erkennt diese Art von Problem auf allen Ihren Seiten kontinuierlich und warnt Sie bei jeder Regression.

Kostenloser Scan

Weitere Korrekturen