← Alle Regeln

Visuelle Hinweise

Zoom nicht blockieren

• Regel: meta-viewport
• Schweregrad: Mittel
• WCAG-Stufe AA

Warum das wichtig ist

user-scalable=no und ein niedriges maximum-scale verhindern das Zoomen mit zwei Fingern. Für Menschen mit Sehbehinderung wird die Seite damit auf genau dem Gerät unbenutzbar, das sie am häufigsten nutzen.

So beheben Sie es

1. Entfernen Sie user-scalable=no und maximum-scale aus dem Viewport-Meta-Tag.
2. Behalten Sie content="width=device-width, initial-scale=1".
3. Prüfen Sie, dass das Layout bei 200 % Zoom ohne horizontales Scrollen funktioniert.

Im Markup

<meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1">

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

Die Anforderung dahinter

Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:

• 1.4.4 Textgröße ändern (öffnet in neuem Tab) — WCAG-Stufe AA

Weiterführende Quellen

Deque University zu meta-viewport (öffnet in neuem Tab)

Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.

Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.