Рекомендована практика Пріоритет: Незначно
Масштабування на мобільному обмежене
Сторінка дозволяє збільшувати її на телефоні, але зупиняє відвідувача раніше, ніж він збільшить її в п'ять разів. Це рекомендована практика, яка виходить за межі рівня WCAG 2.2 AA, на який спирається закон.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Більшість покупців цього не помітять. Люди з дуже слабким зором, яким потрібне сильне збільшення, впираються в обмеження і все одно не можуть прочитати дрібний текст, як-от розміри, склад чи умови доставки, хоча намагаються збільшити сторінку.
Кого це стосується
- люди з дуже слабким зором
- літні покупці
- покупці зі смартфонів, які читають дрібний текст
Як виправити
У <meta name="viewport"> приберіть maximum-scale або встановіть його на 5 чи більше і не використовуйте user-scalable=no. Безпечне значення: width=device-width, initial-scale=1. Потім збільште сторінки товару, кошика й оформлення замовлення і перевірте, що нічого не накладається.
У Shopify
Зазвичай задано в <head> файлу layout/theme.liquid, іноді змінюється застосунком. Відредагуйте там мета-тег viewport і приберіть maximum-scale.
У Shoptet (CZ)
Зазвичай задано шаблоном. Повідомте Shoptet або партнера, бо розділ head є частиною шаблону.
У PrestaShop
Зазвичай задано в шаблоні head теми (.tpl). Відредагуйте мета-тег viewport там або в дочірній темі.
У WooCommerce
Зазвичай задано в header.php теми або додано плагіном (часто так роблять мобільні чи AMP-плагіни). Виправте це в шапці дочірньої теми або в налаштуваннях плагіна.
Стандарти
Це не критерій WCAG, а рекомендована практика, що робить сайт зручнішим.
Автоматична перевірка: правило axe-core meta-viewport-large.
dequeuniversity.com, github.com