axe-core: meta-viewport · WCAG 1.4.4 Resize Text · Stufe AA

Wie Sie das „meta-viewport“-Problem beheben

Die axe-core-Regel meta-viewport schlägt fehl, wenn das Viewport-Meta-Tag den Zoom mit user-scalable=no oder niedrigem maximum-scale deaktiviert. Das blockiert Pinch-Zoom auf Mobil, auf den Menschen mit Sehbeeinträchtigung angewiesen sind. WCAG 2.2 (1.4.4, Stufe AA) verlangt skalierbaren Text.

Ihre Seite kostenlos darauf prüfen →

Was axe-core prüft

axe-core meldet ein <meta name="viewport"> mit user-scalable=no, user-scalable=0 oder maximum-scale unter 2.

Welcher Norm das entspricht

WCAG 2.2	1.4.4 Resize Text (Stufe AA)
EN 301 549	9.1.4.4
BFSG / EAA	BFSG § 12 i. V. m. EN 301 549 · EAA Anhang I
Kategorie	Zoom & Umbruch

Warum es zählt

Viele Shops übernehmen ein Viewport-Tag, das Zoom sperrt, um „Layout-Sprünge“ zu vermeiden. Der Nebeneffekt: Eine sehbeeinträchtigte Kundin am Smartphone kann Preis oder Kleingedrucktes nicht vergrößern — ein AA-Fehler, der unsichtbar bleibt, bis jemand ihn braucht.

Häufige Ursachen

user-scalable=no aus einem alten Template
maximum-scale=1 sperrt Zoom
Ein Framework-Default deaktiviert Skalierung
Zoom deaktiviert, um ein iOS-Fokus-Zoom zu „beheben“

Wie Sie es beheben

Entfernen Sie user-scalable=no und jedes maximum-scale unter 2 (bzw. 5). Lassen Sie Zoom zu.

<!-- Fehler -->
<meta name="viewport" content="width=device-width, user-scalable=no">

<!-- Besteht -->
<meta name="viewport" content="width=device-width, initial-scale=1">

FAQ

Aber Zoom zerstört mein Layout?

Ein responsives Layout sollte unter Zoom umbrechen. Bricht es, ist das Layout der Fehler — nicht der Zoom.

iOS zoomt beim Feld-Fokus?

Setzen Sie die Feld-Schriftgröße auf mindestens 16px; das stoppt den iOS-Auto-Zoom, ohne den Nutzer-Zoom zu deaktivieren.

Finden Sie jeden solchen Fehler auf Ihrer Seite

Starten Sie einen kostenlosen WCAG 2.2 AA-Scan — echte axe-core-Engine, ohne Anmeldung. Oder ein zeitgestempelter Beweis-Report für 29 €.

Gratis-Scan → Unsere Methodik