Требование WCAG A/AA Приоритет: Серьёзно
Страница сама перезагружается или перенаправляет
Страница использует <meta http-equiv="refresh"> с задержкой, поэтому через несколько секунд или минут сама перезагружается или переходит на другой адрес без запроса покупателя.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Люди, которые медленно читают или вводят текст, могут потерять место или уже введённые данные, например в запросе о товаре или на шаге оформления заказа. Пользователей скринридеров без предупреждения возвращает в начало страницы, а переадресация по таймеру может сработать раньше, чем они прочитают сообщение.
Кого это касается
- пользователи скринридеров
- люди, которые медленно читают или вводят текст
- люди с когнитивными или двигательными нарушениями
- пользователи только клавиатуры
Как исправить
Уберите meta refresh с задержкой. Для переехавшей страницы используйте серверную переадресацию (HTTP 301 или 302) или meta refresh с задержкой 0. Чтобы обновлять содержимое, делайте это через JavaScript без перезагрузки страницы или добавьте кнопку «Обновить». Если ограничение по времени неизбежно, дайте возможность его отключить, изменить или продлить.
В Shopify
В темах Shopify встречается редко. Обычно это собственный код в theme.liquid, лендинг или приложение (таймеры, переадресации, всплывающие окна). Удалите мета-тег и используйте переадресации URL в Shopify.
В Shoptet (CZ)
Встречается редко; обычно это собственный код, добавленный в шапку страницы. Удалите meta refresh из своего кода и используйте настройки переадресаций магазина, если они есть.
В PrestaShop
Обычно это модули или изменённые шаблоны .tpl, которые перезагружают или перенаправляют страницы, например после отправки формы или на странице обслуживания. Замените это серверной переадресацией или удалите.
В WooCommerce
Обычно это плагины переадресации, режима обслуживания или «скоро открытие» либо код, добавленный в header темы. Используйте нормальную переадресацию 301 (через плагин переадресаций или сервер) вместо обновления по таймеру.
Стандарты
| Стандарт | Пункт |
|---|---|
| WCAG 2.2 | 2.2.1 (A) Timing Adjustable |
| WCAG 2.1 | 2.2.1 (A) Timing Adjustable |
| WCAG 2.0 | 2.2.1 (A) Timing Adjustable |
| EN 301 549 4.1.1 | 9.2.2.1 |
| EN 301 549 3.2.1 | 9.2.2.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.2.2.1 |
Автоматическая проверка: правило axe-core meta-refresh.
dequeuniversity.com, github.com, www.w3.org
Похожие проверки
-
У полей формы нет подписей
WCAG 4.1.2 A
-
У кнопки-изображения нет текстового описания
WCAG 1.1.1 A
-
Вся страница скрыта от скринридеров
WCAG 1.3.1 A
-
Пользователи клавиатуры не могут добраться до встроенного содержимого
WCAG 2.1.1 A