Требование WCAG A/AA Приоритет: Серьёзно
У видео нет субтитров
Видео на странице, например демонстрация товара, имиджевое видео бренда или короткая инструкция, не имеет дорожки субтитров.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Глухие и слабослышащие покупатели не понимают, что говорят в видео: как работает товар, как подобрать размер или как ухаживать за вещью. Многие другие покупатели тоже смотрят видео без звука, например с телефона в общественных местах.
Кого это касается
- глухие покупатели
- слабослышащие покупатели
- люди, которые смотрят видео без звука
Как исправить
Добавьте субтитры к каждому видео с речью или важными звуками: элемент <track kind="captions" src="captions.vtt" srclang="ru"> для видео, размещённых на вашем сайте, или субтитры, загруженные в плеер, для встроенных видео. Проверьте правильность автоматически созданных субтитров. Видео без звука или чисто декоративное видео субтитров не требует; автоматическая проверка этой разницы не видит, поэтому просмотрите каждое отмеченное видео.
В 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
Похожие проверки
-
Некоторые заголовки — это просто жирный или крупный текст
WCAG 1.3.1 A
-
Пункт списка находится вне списка
WCAG 1.3.1 A
-
Некоторые видео или звуки включаются сами со звуком
WCAG 1.4.2 A
-
Список собран неправильно
WCAG 1.3.1 A