Zum Inhalt springen
A11ySignal
Stufe AAWCAG 2.0WCAG 2.1WCAG 2.2EN 301 549 § 9.1.4.4

1.4.4
Textgröße ändern

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

Was die Norm sagt

Mit Ausnahme von Untertiteln und Bildern eines Textes kann Text ohne Hilfsmittel bis zu 200 Prozent skaliert werden, ohne dass Inhalt oder Funktionalität verloren gehen.

Warum das zählt

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

Wie ein Fehlschlag aussieht

  • 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 A11ySignal es prüft

Bei jedem Scan läuft 1 automatische Prüfung gegen dieses Kriterium.

Ebenfalls unter 1.4 Unterscheidbar