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

Требование WCAG A/AA Приоритет: Незначительно

На странице устаревшая разметка мигающего текста

На странице есть старый элемент <blink>, придуманный для того, чтобы текст мигал.

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

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

Современные браузеры его игнорируют, поэтому сейчас текст обычно не мигает. Но если браузер или скрипт заставит его мигать, такой текст отвлекает людей с трудностями внимания или чтения, его трудно прочитать, и остановить его нельзя.

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

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

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

Уберите элемент <blink> и оставьте обычный текст. Чтобы что-то выделить, используйте статичное оформление: цвет, жирный шрифт или бейдж. Если движение действительно нужно, останавливайте его в течение 5 секунд или дайте кнопку паузы и учитывайте настройку prefers-reduced-motion.

В Shopify

Встречается очень редко; обычно это старый контент, вставленный на страницу или в описание товара. Уберите его в HTML-режиме редактора или в коде Liquid темы.

В Shoptet (CZ)

Встречается редко; обычно в старом контенте, вставленном в редактор. Уберите его в HTML-режиме редактора.

В PrestaShop

Встречается редко; обычно в старых CMS-страницах или описаниях товаров. Уберите его в HTML-режиме редактора или в файле .tpl.

В WooCommerce

Встречается редко; обычно в старых записях, описаниях товаров или очень старых темах. Уберите его в режиме кода редактора или в шаблоне.

Стандарты

Стандарты
СтандартПункт
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 blink. dequeuniversity.com, github.com, www.w3.org

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