Recommended practice Priority: Minor
Mobile zoom is limited to a small amount
The page lets visitors zoom on a phone, but stops them before they can enlarge it five times. This is a recommended practice that goes beyond the WCAG 2.2 AA level the law relies on.
This text was translated automatically and has not been reviewed by a native speaker yet.
Why it matters to your customers
Most shoppers will not notice. People with very low vision who need strong magnification hit the limit and still cannot read small print such as sizes, ingredients or delivery terms, even though they are trying to zoom in.
Who is affected
- people with severe low vision
- older customers
- mobile shoppers reading small print
How to fix it
In <meta name="viewport">, remove maximum-scale or set it to 5 or higher, and do not use user-scalable=no. A safe value is width=device-width, initial-scale=1. Afterwards zoom product, cart and checkout pages to check that nothing overlaps.
On Shopify
Usually set in the <head> of layout/theme.liquid, sometimes changed by an app. Edit the viewport meta tag there and remove maximum-scale.
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 (.tpl). Edit the viewport meta tag there or in a child theme.
On WooCommerce
Usually set in the theme's header.php or added by a plugin (mobile or AMP plugins often do this). Fix it in the child theme's header or in the plugin settings.
Standards
Not a WCAG success criterion: a recommended practice that makes the site easier to use.
Automated check: axe-core rule meta-viewport-large.
dequeuniversity.com, github.com