1.2.3 - Hangos leírás vagy médiaszöveg (előre rögzített)

Röviden a szabványpontról

A WCAG 1.2.3 (Audio Description or Media Alternative – Prerecorded) előírja, hogy az előre felvett audiovizuális tartalmakhoz hangos leírást vagy média alternatívát kell biztosítani. Ez azt jelenti, hogy minden fontos vizuális információ, amelyet egy előre felvett videó közvetít, hozzáférhetővé kell tenni azoknak a felhasználóknak, akik nem tudják látni a videót. A cél az, hogy a vak vagy gyengénlátó felhasználók teljes mértékben megérthessék a tartalmat úgy, hogy meghallgatják a vizuális elemek leírását, vagy hozzáférjenek egy alternatív formátumhoz, amely ugyanazt az információt közvetíti.

Ez minden előre felvett szinkronizált médiára vonatkozik, mint például videók, animációk vagy multimédiás prezentációk, ahol a vizuális információ nélkülözhetetlen a tartalom megértéséhez.

Kiket érint

Ez a szabványpont elsősorban a vak és gyengénlátó felhasználóknak segít, akik képernyőolvasókra vagy hangos leírásokra támaszkodnak a vizuális tartalom eléréséhez. De hasznos lehet akkor is, ha:

• A felhasználó olyan helyzetben van, ahol nem tud a képernyőre nézni (pl. vezetés közben)
• Kognitív fogyatékossággal élők számára további kontextust nyújt
• Korlátozott sávszélességű kapcsolattal rendelkezők számára audio alternatívát kínál

Tesztelés

1. Manuális ellenőrzés: Nézd meg a videót anélkül, hogy a képernyőre néznél, és ellenőrizd, hogy a hangos leírás elmondja-e a főbb vizuális információkat
2. Hangos leírás sávok ellenőrzése: Használj olyan médialejátszókat, amelyek támogatják a többes hangsávokat, és ellenőrizd, hogy elérhető-e hangos leírás sáv
3. Képernyőolvasó tesztelés: Használj képernyőolvasót annak ellenőrzéséhez, hogy a média alternatíva (ha szövegként vagy hangként van megadva) hozzáférhető-e
4. Feliratok és átirat ellenőrzése: Győződj meg róla, hogy vannak feliratok, és hogy az átirat tartalmazza a vizuális tartalom leírását
5. Automatizált eszközök: Használj akadálymentesítési tesztelő eszközöket a hangos leírás vagy média alternatívák jelenlétének észleléséhez, bár a manuális ellenőrzés elengedhetetlen a minőséghez

Jó gyakorlatok

1. forgatókönyv: Hangos leírás sáv videolejátszóban

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track kind="descriptions" src="video-desc.vtt" srclang="hu" label="Magyar hangos leírás">
  Sajnálom, a böngésző nem támogatja a video taget.
</video>

Magyarázat: A <track kind="descriptions"> elem hangos leírás sávot biztosít, amely szinkronizálva van a videóval.

2. forgatókönyv: Szöveges átirat vizuális leírásokkal

<a href="video-atirat.html">Teljes átirat megtekintése vizuális leírásokkal</a>

Magyarázat: Egy részletes átirat, amely tartalmazza a vizuális elemek leírását, segít azoknak a felhasználóknak, akik nem tudják elérni a videót.

3. forgatókönyv: Alternatív média formátum használata

<audio controls>
  <source src="hangos-leiras.mp3" type="audio/mpeg">
  A böngésző nem támogatja az audio elemet.
</audio>

Magyarázat: Egy csak hangot tartalmazó verzió leírásokkal alternatívaként szolgálhat a videóhoz.

4. forgatókönyv: Beépített hangos leírás a videó hangsávjában

Gondoskodj arról, hogy a videó fő hangsávja tartalmazza a hangos leírásokat szünetekben vagy természetes törésekben.

Példa narráció:
"A kutya a parkban fut." [szünet] "A háttérben gyerekek játszanak a hintán." [szünet] "Az égbolt kék és felhőtlen."

Rossz gyakorlatok

Kerüld ezeket a gyakori hibákat:

• Nincs hangos leírás vagy alternatíva: Csak feliratok vagy átirat vizuális leírások nélkül
• Átfedő hangos leírások: A leírások átfednek az eredeti hanggal, megnehezítve mindkettő hallását
• Csak vizuális szöveg használata a képernyőn alternatíva nélkül: A csak vizuális szöveg narráció nélkül kizárja a vak felhasználókat
• Hangos leírás külön, nehezen megtalálható fájlként: A felhasználók nem biztos, hogy felfedezik az alternatívát

Hiányzó hangos leírás példája

<video controls>
  <source src="video.mp4" type="video/mp4">
  <!-- Nincs leírás sáv vagy átirat megadva -->
</video>

Probléma: Ez a videó nem nyújt semmilyen alternatívát a vizuális információhoz, így kizárja a vak és gyengénlátó felhasználókat.

Források

• WCAG 2.2 Understanding Document: Audio Description or Media Alternative (Prerecorded)↗⧉
• WCAG 2.2 Specification: Success Criterion 1.2.3 Audio Description or Media Alternative (Prerecorded)↗⧉