WCAG-A/AA-Anforderung Priorität: Schwerwiegend
Besucher können die Seite auf dem Smartphone nicht vergrößern
Die Seite weist mobile Browser an, das Vergrößern mit zwei Fingern zu sperren oder einzuschränken.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Wer größere Schrift braucht, kann Preise, Produktdetails oder Formularfelder auf dem Smartphone nicht vergrößern. Manche verlassen den Shop, andere machen Fehler im Checkout.
Wen es betrifft
- Menschen mit Sehschwäche
- ältere Kundinnen und Kunden
- Kunden auf dem Smartphone
So beheben Sie es
Entfernen Sie in <meta name="viewport"> user-scalable=no und setzen Sie maximum-scale nicht unter 2 (am besten gar nicht). Ein üblicher Wert ist width=device-width, initial-scale=1. Korrigieren Sie anschließend Layouts, die beim Zoomen umbrechen.
Bei Shopify
Meist in der Haupt-Layout-Liquid-Datei des Themes gesetzt oder von einer App ergänzt. Bearbeiten Sie das Viewport-Meta-Tag in der Layout-Datei.
Bei Shoptet (CZ)
Meist vom Template gesetzt. Melden Sie es Shoptet oder einer Partneragentur, da der head-Bereich Teil des Templates ist.
Bei PrestaShop
Meist im head-Template des Themes gesetzt. Bearbeiten Sie das Viewport-Meta-Tag in der Layout-.tpl-Datei des Themes.
Bei WooCommerce
Meist im Header-Template des Themes gesetzt oder von einem Plugin ergänzt (oft für App-ähnliches Verhalten). Korrigieren Sie es im Header des Child-Themes oder in den Plugin-Einstellungen.
Standards
| Standard | Abschnitt |
|---|---|
| WCAG 2.2 | 1.4.4 (AA) Resize Text |
| WCAG 2.1 | 1.4.4 (AA) Resize Text |
| WCAG 2.0 | 1.4.4 (AA) Resize Text |
| EN 301 549 4.1.1 | 9.1.4.4 |
| EN 301 549 3.2.1 | 9.1.4.4 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.4.4 |
Automatische Prüfung: axe-core-Regel meta-viewport.
dequeuniversity.com, github.com, www.w3.org