Требование WCAG A/AA Приоритет: Умеренно
Часть текста движется, и его нельзя остановить
Страница использует устаревший элемент <marquee>, обычно это «бегущая строка» вроде «Бесплатная доставка от 50 €» или объявление о распродаже.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Движущийся текст многим людям трудно или невозможно прочитать, и он отвлекает от товара или формы. Поскольку его нельзя приостановить, покупатели с нарушениями внимания, слабым зрением или дислексией могут вообще не заметить сообщение, а пользователи скринридеров могут услышать его путано.
Кого это касается
- люди с нарушениями внимания или концентрации
- люди со слабым зрением
- люди с дислексией или трудностями чтения
- пользователи скринридеров
Как исправить
Замените <marquee> статичным текстом, например обычной полосой объявлений. Если нужен эффект движения, сделайте его на CSS с поддержкой prefers-reduced-motion и добавьте видимую кнопку паузы; всё, что движется дольше пяти секунд, должно быть возможно приостановить, остановить или скрыть.
В Shopify
В темах Shopify встречается редко; обычно это старое приложение полосы объявлений или собственный HTML, вставленный в секцию. Замените его встроенной полосой объявлений темы или статичным текстом.
В Shoptet (CZ)
Обычно это собственный HTML, добавленный в магазин (баннер или текст в шапке). Замените <marquee> статичным текстом в своём коде.
В PrestaShop
Обычно это старый модуль или собственный HTML в CMS-блоке или шаблоне .tpl темы. Замените его статичным текстом или бегущей строкой, которую можно приостановить.
В WooCommerce
Обычно это старая тема, плагин бегущей строки или HTML, вставленный в виджет или блок конструктора страниц. Замените его статичным текстом или бегущей строкой, которую можно приостановить.
Стандарты
| Стандарт | Пункт |
|---|---|
| WCAG 2.2 | 2.2.2 (A) Pause, Stop, Hide |
| WCAG 2.1 | 2.2.2 (A) Pause, Stop, Hide |
| WCAG 2.0 | 2.2.2 (A) Pause, Stop, Hide |
| EN 301 549 4.1.1 | 9.2.2.2 |
| EN 301 549 3.2.1 | 9.2.2.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.2.2.2 |
Автоматическая проверка: правило axe-core marquee.
dequeuniversity.com, github.com, www.w3.org
Похожие проверки
-
Некоторые заголовки — это просто жирный или крупный текст
WCAG 1.3.1 A
-
На странице не указан её язык
WCAG 3.1.1 A
-
Некоторые прокручиваемые области недоступны с клавиатуры
WCAG 2.1.1 A
-
Некоторые ячейки таблицы ссылаются на неправильные заголовки
WCAG 1.3.1 A