Деякі відео чи звуки вмикаються самі зі звуком

Відео- чи аудіоелемент налаштовано так, що він сам починає грати зі звуком, наприклад відео на головному банері, відео товару чи фонова музика, і зупинити його може бути непросто.

Цей текст перекладено автоматично, носій мови його ще не вичитав.

Чому це важливо для ваших покупців

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

Кого це стосується

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

Як виправити

Не вмикайте відео чи аудіо зі звуком автоматично: найкраще, коли покупець сам натискає «Відтворити». Якщо відео має запускатися саме, додайте атрибут 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

Усі правила, які ми перевіряємо