Требование 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
Похожие проверки
-
Некоторые элементы используют несуществующую роль
WCAG 4.1.2 A
-
На странице устаревшая разметка мигающего текста
WCAG 2.2.2 A
-
Посетители не могут увеличить страницу на телефоне
WCAG 1.4.4 AA
-
У некоторых встроенных файлов или медиа нет текстового описания
WCAG 1.1.1 A