Перейти к содержимому
Pandus

Требование WCAG A/AA Приоритет: Серьёзно

Посетители не могут увеличить страницу на телефоне

Страница запрещает или ограничивает мобильным браузерам масштабирование жестом.

Этот текст переведён автоматически, носитель языка его ещё не вычитал.

Почему это важно для ваших покупателей

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

Кого это касается

  • слабовидящие люди
  • покупатели старшего возраста
  • покупатели со смартфонов

Как исправить

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

В Shopify

Обычно задаётся в основном Liquid-файле layout темы или добавляется приложением. Отредактируйте мета-тег viewport в файле layout.

В Shoptet (CZ)

Обычно задаётся шаблоном. Сообщите об этом в Shoptet или партнёру: секция head — часть шаблона.

В PrestaShop

Обычно задаётся в шаблоне head темы. Отредактируйте мета-тег viewport в файле layout .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

Все правила, которые мы проверяем