WCAG A/AA requirement Priority: Serious
Visitors cannot zoom the page on mobile
The page tells mobile browsers to block or limit pinch-to-zoom.
This text was translated automatically and has not been reviewed by a native speaker yet.
Why it matters to your customers
People who need larger text cannot enlarge prices, product details or form fields on their phone. Some leave; others make mistakes in checkout.
Who is affected
- people with low vision
- older customers
- mobile shoppers
How to fix it
In <meta name="viewport">, remove user-scalable=no and do not set maximum-scale below 2 (best: do not set it at all). A typical value is width=device-width, initial-scale=1. Then fix any layout that breaks on zoom.
On Shopify
Usually set in the theme's main layout Liquid file, or added by an app. Edit the viewport meta tag in the layout file.
On Shoptet (CZ)
Usually set by the template. Report it to Shoptet or a partner, since the head section is part of the template.
On PrestaShop
Usually set in the theme's head template. Edit the viewport meta tag in the theme's layout .tpl file.
On WooCommerce
Usually set in the theme's header template or added by a plugin (often for app-like behaviour). Fix it in the child theme's header or the plugin settings.
Standards
| Standard | Clause |
|---|---|
| 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 |
Automated check: axe-core rule meta-viewport.
dequeuniversity.com, github.com, www.w3.org
Related checks
-
Some elements use a role that does not exist
WCAG 4.1.2 A
-
The page uses outdated blinking-text markup
WCAG 2.2.2 A
-
Visitors cannot zoom the page on mobile
WCAG 1.4.4 AA
-
Some embedded files or media have no text description
WCAG 1.1.1 A