Некоторые видео или звуки включаются сами со звуком

Видео- или аудиоэлемент сам начинает воспроизводиться со звуком, например видео на главном баннере, видео товара или фоновая музыка, и остановить его может быть непросто.

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

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

Звук, который включается сам, заглушает скринридер, и незрячие покупатели могут не услышать меню, описание товара или корзину. Людям с нарушениями внимания или чувствительностью к звуку трудно оставаться на такой странице.

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

незрячие покупатели
пользователи скринридеров
люди с нарушениями внимания или чувствительностью к звуку

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

Не запускайте видео или аудио со звуком автоматически: лучше всего, когда покупатель сам нажимает «Воспроизвести». Если видео должно запускаться само, добавьте атрибут muted (или используйте видео без звуковой дорожки) либо сделайте так, чтобы звук прекращался в течение 3 секунд. Всегда оставляйте видимые кнопки паузы и отключения звука (атрибут controls или кнопки плеера), которые работают и с клавиатуры.

В Shopify

Обычно это секция видео в теме или фоновое видео с автозапуском, иногда приложение для видео или музыки. Включите в теме беззвучный автозапуск или добавьте muted к тегу video в Liquid-файле секции; проверьте настройки видеоприложений.

В Shoptet (CZ)

В стандартных шаблонах встречается редко; обычно это видео или собственный HTML, вставленный на страницу или в баннер. Уберите в этом коде autoplay или добавьте muted; по изменениям шаблона обратитесь в Shoptet или к партнёру Shoptet.

В PrestaShop

Обычно это видео в слайдере главной страницы, модуле темы или собственном HTML на CMS-странице. Добавьте muted или уберите autoplay в настройках модуля или в шаблонах .tpl темы.

В WooCommerce

Обычно это видео на баннере или в фоне в конструкторе страниц (Elementor, WPBakery и подобные), плагин слайдера или встроенный плеер. Включите отключение звука в настройках виджета или выключите автозапуск; проверьте плагины слайдеров и видео.

Стандарты

Стандарты
Стандарт	Пункт
WCAG 2.2	1.4.2 (A) Audio Control
WCAG 2.1	1.4.2 (A) Audio Control
WCAG 2.0	1.4.2 (A) Audio Control
EN 301 549 4.1.1	9.1.4.2
EN 301 549 3.2.1	9.1.4.2
Section 508 2017	E205.4
ДСТУ EN 301 549 2022	9.1.4.2

Автоматическая проверка: правило axe-core no-autoplay-audio. dequeuniversity.com, github.com, www.w3.org

Страница указывает два разных языка
WCAG 3.1.1 A
У некоторых индикаторов уровня нет названия
WCAG 1.1.1 A
Кликабельное изображение работает только с мышью
WCAG 2.1.1 A
Часть текста движется, и его нельзя остановить
WCAG 2.2.2 A

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