Wymaganie WCAG A/AA Priorytet: Poważne
Filmy nie mają napisów
Film na stronie, np. prezentacja produktu, film wizerunkowy marki lub krótki poradnik, nie ma ścieżki napisów.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Klienci głusi i słabosłyszący nie wiedzą, co mówi się w filmie, np. jak działa produkt, jak dobrać rozmiar lub jak o niego dbać. Wiele innych osób również ogląda filmy bez dźwięku, np. na telefonie w miejscach publicznych.
Kogo to dotyczy
- głusi klienci
- słabosłyszący klienci
- osoby oglądające filmy bez dźwięku
Jak to naprawić
Każdy film z mową lub ważnymi dźwiękami powinien mieć napisy: element <track kind="captions" src="captions.vtt" srclang="pl"> w przypadku filmów hostowanych na własnej stronie albo napisy wgrane do odtwarzacza w przypadku filmów osadzonych. Warto sprawdzić poprawność napisów generowanych automatycznie. Film bez dźwięku lub czysto dekoracyjny nie wymaga napisów; automatyczna kontrola nie rozpoznaje tej różnicy, dlatego każdy oznaczony film trzeba przejrzeć.
W Shopify
Zwykle filmy w multimediach produktu lub sekcja wideo w motywie. Warto sprawdzić, czy motyw lub aplikacja wideo pozwala dodać plik napisów; jeśli nie, należy dodać element <track> w pliku Liquid sekcji lub użyć osadzonego odtwarzacza z wgranymi napisami.
W Shoptet (CZ)
Filmy są zwykle osadzane z platformy wideo. Jeśli plik wideo umieszczono bezpośrednio na stronie lub w banerze, należy dodać w tym kodzie ścieżkę napisów albo przejść na osadzony odtwarzacz z napisami; w sprawie zmian w szablonie warto zwrócić się do Shoptet lub partnera Shoptet.
W PrestaShop
Zwykle filmy w sliderze strony głównej, zakładkach produktu lub module wideo. Należy dodać element <track> w szablonie .tpl modułu albo użyć modułu wideo lub odtwarzacza obsługującego napisy.
W WooCommerce
Zwykle filmy dodane blokiem „Wideo” WordPressa, widżetem kreatora stron lub wtyczką galerii produktu. Blok „Wideo” WordPressa pozwala dodać ścieżki tekstowe (pliki .vtt); w kreatorach i wtyczkach warto sprawdzić ustawienia widżetu lub przejść na odtwarzacz obsługujący napisy.
Normy
| Norma | Punkt |
|---|---|
| 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 |
Automatyczny test: reguła axe-core video-caption.
dequeuniversity.com, github.com, www.w3.org
Podobne testy
-
Niektóre nagłówki to tylko pogrubiony lub duży tekst
WCAG 1.3.1 A
-
Element listy znajduje się poza listą
WCAG 1.3.1 A
-
Niektóre filmy lub dźwięki włączają się same z dźwiękiem
WCAG 1.4.2 A
-
Lista jest zbudowana nieprawidłowo
WCAG 1.3.1 A