Перейти до вмісту
Pandus
uk Змінити мову
Меню

Вимога WCAG A/AA Пріоритет: Серйозно

Відео не мають субтитрів

Відео на сторінці, наприклад демонстрація товару, імідж-відео бренду чи коротка інструкція, не має доріжки субтитрів.

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

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

Глухі покупці та люди з порушеннями слуху не розуміють, що кажуть у відео: як працює товар, як підібрати розмір чи як доглядати за річчю. Багато інших покупців теж дивляться відео без звуку, наприклад з телефона в громадських місцях.

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

  • глухі покупці
  • покупці з порушеннями слуху
  • люди, які дивляться відео без звуку

Як виправити

Додайте субтитри до кожного відео з мовленням чи важливими звуками: елемент <track kind="captions" src="captions.vtt" srclang="uk"> для відео, розміщених на вашому сайті, або субтитри, завантажені в плеєр, для вбудованих відео. Перевірте, чи правильні автоматично згенеровані субтитри. Відео без звуку чи суто декоративне відео субтитрів не потребує; автоматична перевірка цієї різниці не бачить, тож перегляньте кожне позначене відео.

У Shopify

Зазвичай це відео в медіа товару чи секція відео в темі. Перевірте, чи дає тема або відеозастосунок додати файл субтитрів; якщо ні, додайте елемент <track> у файлі Liquid секції або використайте вбудований плеєр із завантаженими субтитрами.

У Shoptet (CZ)

Відео зазвичай вбудовують з відеоплатформи. Якщо відеофайл розміщено прямо на сторінці чи в банері, додайте в цей код доріжку субтитрів або перейдіть на вбудований плеєр із субтитрами; щодо змін шаблону зверніться до Shoptet або партнера Shoptet.

У PrestaShop

Зазвичай це відео в слайдері головної сторінки, вкладках товару чи відеомодулі. Додайте елемент <track> у шаблоні .tpl модуля або використайте відеомодуль чи плеєр із підтримкою субтитрів.

У WooCommerce

Зазвичай це відео, додані блоком «Відео» WordPress, віджетом конструктора сторінок чи плагіном галереї товару. Блок «Відео» WordPress дає змогу додати текстові доріжки (файли .vtt); для конструкторів і плагінів перевірте налаштування віджета або перейдіть на плеєр із підтримкою субтитрів.

Стандарти

Стандарти
СтандартПункт
WCAG 2.2 1.2.2 (A) Captions (Prerecorded)
WCAG 2.1 1.2.2 (A) Captions (Prerecorded)
WCAG 2.0 1.2.2 (A) Captions (Prerecorded)
EN 301 549 4.1.1 9.1.2.2
EN 301 549 3.2.1 9.1.2.2
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.2.2

Автоматична перевірка: правило axe-core video-caption. dequeuniversity.com, github.com, www.w3.org

Схожі перевірки

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