Empfohlene Praxis Priorität: Gering
Zoom auf Mobilgeräten ist stark begrenzt
Die Seite erlaubt das Vergrößern auf dem Smartphone, stoppt Besucher aber, bevor sie auf das Fünffache vergrößern können. Dies ist eine empfohlene Praxis, die über das WCAG-2.2-AA-Niveau hinausgeht, auf das sich das Gesetz stützt.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Die meisten Kunden bemerken es nicht. Menschen mit starker Sehschwäche, die eine hohe Vergrößerung brauchen, stoßen an die Grenze und können Kleingedrucktes wie Größen, Inhaltsstoffe oder Lieferbedingungen trotz Zoomen nicht lesen.
Wen es betrifft
- Menschen mit starker Sehschwäche
- ältere Kundinnen und Kunden
- Smartphone-Nutzer, die Kleingedrucktes lesen
So beheben Sie es
Entfernen Sie in <meta name="viewport"> maximum-scale oder setzen Sie es auf 5 oder höher, und verwenden Sie kein user-scalable=no. Ein sicherer Wert ist width=device-width, initial-scale=1. Zoomen Sie danach Produkt-, Warenkorb- und Checkout-Seiten und prüfen Sie, dass sich nichts überlagert.
Bei Shopify
Meist im <head> von layout/theme.liquid gesetzt, manchmal durch eine App verändert. Bearbeiten Sie dort das Viewport-Meta-Tag und entfernen Sie maximum-scale.
Bei Shoptet (CZ)
Meist durch das Template gesetzt. Melden Sie es Shoptet oder einem Partner, da der Head-Bereich Teil des Templates ist.
Bei PrestaShop
Meist im Head-Template (.tpl) des Themes gesetzt. Bearbeiten Sie das Viewport-Meta-Tag dort oder in einem Child-Theme.
Bei WooCommerce
Meist in der header.php des Themes gesetzt oder durch ein Plugin hinzugefügt (Mobile- oder AMP-Plugins tun das oft). Beheben Sie es im Header des Child-Themes oder in den Plugin-Einstellungen.
Standards
Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.
Automatische Prüfung: axe-core-Regel meta-viewport-large.
dequeuniversity.com, github.com