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

Требование 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

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