Barrierefreiheit

Zoomen per Viewport-Meta deaktiviert

Üblicher Schweregrad: hoch · Aufwand: minimal

Woran du es erkennst

Das viewport-Meta-Tag setzt user-scalable=no oder maximum-scale=1 (axe-Regel meta-viewport) — Nutzer können die Seite auf dem Smartphone nicht per Pinch-Zoom vergrößern.

Warum es zählt

Viele Menschen mit Sehbeeinträchtigung sind auf Pinch-Zoom angewiesen, um kleine Texte und Bedienelemente zu lesen. Zoom zu sperren nimmt ihnen die einzige Anpassungsmöglichkeit — und schadet auch sehenden Nutzern, die einfach nur etwas genauer ansehen wollen.

So behebst du es

  1. Entferne user-scalable=no und maximum-scale aus dem viewport-Meta-Tag; <meta name="viewport" content="width=device-width, initial-scale=1"> genügt.
  2. Wenn Zoom wegen versehentlicher Doppel-Tap-Verzögerung deaktiviert wurde: Das Problem löst touch-action: manipulation im CSS, nicht die Zoom-Sperre.
  3. Kontrolliere, dass Text und Bedienelemente bei 200 % Zoom nutzbar bleiben (WCAG 1.4.4) — echte Zoom-Fähigkeit macht Layout-Fehler sichtbar, die sonst versteckt bleiben.

Zum Nachlesen