Рекомендуемая практика Приоритет: Незначительно
Масштабирование на мобильном ограничено
Страница позволяет увеличивать её на телефоне, но останавливает посетителя раньше, чем он увеличит её в пять раз. Это рекомендуемая практика, которая выходит за рамки уровня 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