Відвідувачі не можуть збільшити сторінку на смартфоні

Сторінка забороняє мобільним браузерам збільшувати масштаб жестом або обмежує його.

Цей текст перекладено автоматично, носій мови його ще не вичитав.

Чому це важливо для ваших покупців

Люди, яким потрібен більший текст, не можуть збільшити ціни, опис товару чи поля форм на телефоні. Дехто йде з сайту, інші помиляються під час оформлення замовлення.

Кого це стосується

люди зі слабким зором
літні покупці
покупці зі смартфонів

Як виправити

У <meta name="viewport"> видаліть user-scalable=no і не задавайте maximum-scale менше 2 (найкраще — не задавайте його взагалі). Типове значення: width=device-width, initial-scale=1. Потім виправте елементи макета, які ламаються при збільшенні.

У Shopify

Зазвичай це задано в основному файлі макета Liquid теми або додано застосунком. Змініть метатег viewport у файлі макета.

У Shoptet (CZ)

Зазвичай це задає шаблон. Зверніться до Shoptet або до партнера Shoptet, бо секція head є частиною шаблону.

У PrestaShop

Зазвичай це задано в шаблоні head теми. Змініть метатег viewport у файлі макета .tpl теми.

У WooCommerce

Зазвичай це задано в шаблоні шапки теми або додано плагіном (часто, щоб сайт поводився як застосунок). Виправте це в шапці дочірньої теми або в налаштуваннях плагіна.

Стандарти

Стандарти
Стандарт	Пункт
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

Автоматична перевірка: правило axe-core meta-viewport. dequeuniversity.com, github.com, www.w3.org

Усі правила, які ми перевіряємо