Zoom per Viewport-Einstellung deaktiviert
KritischWCAG-Kriterium 1.4.4BFSG-relevant
Was ist das 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.
Warum ist das relevant?
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.
So behebst du es
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.
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.
Shopify
In theme.liquid das <meta name="viewport">-Tag korrigieren.
WordPress
Meist im Theme-header.php oder in den Theme-Einstellungen; bei Block-Themes im Theme-Code. Zoom-Sperren entfernen.
TYPO3
Im Seitentemplate (Fluid-Layout) bzw. in der TypoScript-Konfiguration (page.meta.viewport) den Wert auf width=device-width, initial-scale=1 setzen.
Ist deine Website betroffen?
Der kostenlose Schnell-Check prüft bis zu 5 Seiten in wenigen Minuten — ohne Registrierung.
Kostenlosen Schnell-Check starten