Zoomen und Skalieren darf nicht deaktiviert werden. — die Prüfung „meta-viewport“

Das Kriterium dahinter

1.4.4 Textgröße ändern

Text muss eine Vergrößerung auf 200 % überstehen, ohne Inhalt oder Funktion zu verlieren.

Stufe AA · EN 301 549 § 9.1.4.4

Warum es diese Prüfung gibt

Vergrößerung ist die häufigste Anpassung überhaupt — und die, an der die meisten Entwürfe still zerbrechen.

Was sie üblicherweise auslöst

fällt durchContainer mit fester Höhe, die Text abschneiden, wenn er wächst.
fällt durch`user-scalable=no` im Viewport-Meta-Tag.
fällt durchSchriftgrößen in `px` in einem Layout, das nie umbricht.

So beheben Sie es

tunEntfernen Sie `user-scalable=no` und `maximum-scale`.
tunLassen Sie Container wachsen: `min-height` statt `height`, und kein `overflow: hidden` auf Text.
tunTesten Sie bei 200 % Browser-Zoom — das ist nicht dasselbe wie ein schmales Fenster.

Wie es gemeldet wird

A11ySignal meldet das mit der Schwere kritisch. Jedes fehlerhafte Element kommt mit seinem CSS-Selektor und dem Markup, das durchgefallen ist — Sie kommen also direkt zur Zeile, statt sie zu suchen. Deque veröffentlicht die Details auf Engine-Ebene:

https://dequeuniversity.com/rules/axe/4.13/meta-viewport ↗