Skip to content

Zoom per Viewport-Einstellung deaktiviert

CriticalWCAG criterion 1.4.4BFSG-relevant

What is the problem?

Die Viewport-Einstellung der Seite verhindert das Zoomen (user-scalable=no oder sehr kleiner maximum-scale). Sehbehinderte Nutzer können die Darstellung auf dem Smartphone nicht vergrößern und Inhalte nicht lesen.

Why does it matter?

WCAG 2.1 Erfolgskriterium 1.4.4 (Textgröße ändern, Stufe AA) verlangt, dass Text ohne Hilfsmittel auf 200 % vergrößerbar bleibt. Die Einschränkung ist mit einer Attributänderung behoben und für die BFSG-Bewertung relevant.

How to fix it

Entferne user-scalable=no und maximum-scale-Begrenzungen aus dem Viewport-Meta-Tag. Empfohlen: <meta name="viewport" content="width=device-width, initial-scale=1">. Nutzer müssen frei zoomen können.

Shopware

Das Viewport-Meta liegt im Theme (meta.html.twig bzw. base.html.twig) — im Theme-Child überschreiben und die Zoom-Sperre entfernen.

Check Shopware specifically

WooCommerce

Im Theme (header.php oder über wp_head-Hook) das Viewport-Meta suchen und user-scalable=no / maximum-scale entfernen. Achtung: auch manche Plugins/Builder setzen ein eigenes Viewport-Meta.

Check WooCommerce specifically

Shopify

In theme.liquid das <meta name="viewport">-Tag korrigieren.

Check Shopify specifically

WordPress

Meist im Theme-header.php oder in den Theme-Einstellungen; bei Block-Themes im Theme-Code. Zoom-Sperren entfernen.

Check WordPress specifically

TYPO3

Im Seitentemplate (Fluid-Layout) bzw. in der TypoScript-Konfiguration (page.meta.viewport) den Wert auf width=device-width, initial-scale=1 setzen.

Check TYPO3 specifically

Is your website affected?

The free quick check tests up to 5 pages within minutes — no registration.

Start a free quick check

Related rules

All rules