Postrzegalność · Poziom A

1.2.1 Tylko audio oraz tylko wideo

Nagranie bez obrazu albo bez dźwięku potrzebuje równoważnej alternatywy.

Występuje w: WCAG 2.0, WCAG 2.1 i WCAG 2.2.

Krótko

Jeśli publikujesz nagranie tylko audio, dodaj transkrypcję. Jeśli publikujesz nagranie tylko wideo, dodaj opis tekstowy albo ścieżkę audio, która przekazuje ważne informacje wizualne.

Problem w praktyce

Na stronie urzędu jest nagranie audio z instrukcją złożenia wniosku, ale bez tekstu. Osoba niesłysząca nie ma dostępu do instrukcji. W innym miejscu jest niemy film pokazujący, gdzie kliknąć w panelu klienta, ale nie ma opisu kroków. Osoba niewidoma nie pozna treści filmu.

To kryterium dotyczy mediów nagranych wcześniej i takich, które są tylko audio albo tylko wideo. Nie dotyczy transmisji na żywo ani filmu z jednoczesnym obrazem i dźwiękiem.

Kogo to dotyczy

  • Osób niesłyszących i słabosłyszących, gdy materiał jest tylko audio.
  • Osób niewidomych i słabowidzących, gdy materiał jest tylko wideo.
  • Osób, które nie mogą włączyć dźwięku albo obrazu w danej sytuacji.
  • Osób, które wolą przeczytać instrukcję zamiast odtwarzać nagranie.

Dobry przykład

  • Podcast szkoleniowy ma pełną transkrypcję rozmowy i ważnych dźwięków.
  • Nagranie komunikatu głosowego ma obok tekst komunikatu.
  • Niemy film pokazujący obsługę formularza ma listę kroków pod filmem.
  • Wideo bez dźwięku ma ścieżkę audio opisującą ważne działania na ekranie.

Zły przykład

  • Audio z instrukcją bez transkrypcji.
  • Niemy film z prezentacją procesu bez tekstowego opisu kroków.
  • Transkrypcja, która zawiera tylko temat nagrania, a nie jego treść.
  • Opis „film instruktażowy” zamiast informacji, co użytkownik ma zrobić.

Przykłady kodu

Dobry przykład: audio i transkrypcja

Link do transkrypcji jest widoczny przy odtwarzaczu.

Kod — HTML

<figure>
  <audio controls src="/media/instrukcja-wniosku.mp3"></audio>
  <figcaption>
    Instrukcja złożenia wniosku.
    <a href="/transkrypcje/instrukcja-wniosku">Przeczytaj transkrypcję nagrania</a>.
  </figcaption>
</figure>

Dobry przykład: niemy film i opis kroków

Opis tekstowy przekazuje sens niemego nagrania.

Kod — HTML

<video controls muted src="/media/jak-pobrac-fakture.mp4"></video>
<h2>Opis filmu: jak pobrać fakturę</h2>
<ol>
  <li>Otwórz zakładkę „Faktury”.</li>
  <li>Wybierz miesiąc rozliczeniowy.</li>
  <li>Kliknij „Pobierz fakturę PDF”.</li>
</ol>

Przykład graficzny

Źle

Audio: instrukcja 4 min

Brak transkrypcji. Treść znika dla osób, które nie słyszą nagrania.

Dobrze

Audio + transkrypcja

Ta sama informacja jest dostępna jako tekst.

Schemat pokazuje, że alternatywa musi przekazać treść nagrania, a nie tylko jego tytuł.

Jak sprawdzić

  1. Ustal, czy materiał jest tylko audio, tylko wideo, czy filmem z obrazem i dźwiękiem.
  2. Dla tylko audio sprawdź, czy jest transkrypcja z pełną treścią i ważnymi dźwiękami.
  3. Dla tylko wideo sprawdź, czy jest opis tekstowy albo ścieżka audio przekazująca ważne informacje wizualne.
  4. Porównaj alternatywę z nagraniem: użytkownik powinien dostać ten sam sens.
  5. Nie zaliczaj samego tytułu, krótkiego streszczenia ani opisu „nagranie audio”.

Co sprawdzi automat, a czego nie

Automat może wykryć

  • obecność elementu audio albo video,
  • brak pobliskiego linku do tekstu w prostych przypadkach,
  • część metadanych pliku.

Automat nie oceni pewnie

  • czy transkrypcja jest pełna,
  • czy opis niemego wideo przekazuje wszystkie ważne informacje,
  • czy materiał jest tylko audio, tylko wideo czy synchronizowanym filmem.

Typowe błędy

  • Podcast bez transkrypcji.
  • Niemy film instruktażowy bez listy kroków.
  • Transkrypcja skrócona do kilku zdań marketingowych.
  • Alternatywa tekstowa umieszczona w pliku PDF bez linku przy nagraniu.