1.2.5 - Hangos leírás (előre rögzített)

Kategória: 1. Érzékelhető (Perceivable) Irányelv: 1.2. Időalapú média Szint: AA

Röviden a szabványpontról

A WCAG 1.2.5 (Audio Description – Prerecorded) előírja, hogy minden szinkronizált médiát tartalmazó előre felvett videótartalomhoz hangos leírást kell biztosítani. A hangos leírások olyan kiegészítő hangsávok, amelyek elbeszélik a videóban található fontos vizuális információkat, mint például cselekvések, jelenetváltások vagy képernyőn megjelenő szövegek, hogy biztosítsák, hogy azok a felhasználók, akik nem tudják látni a videót, még mindig megérthessék annak tartalmát.

Ez a kritérium olyan előre felvett videótartalmakra vonatkozik, ahol a vizuális információ elengedhetetlen a megértéshez. A cél az, hogy a vizuális tartalmat hozzáférhetővé tegye a vak vagy gyengénlátó emberek számára egyenértékű hallható információ biztosításával.

Kiket érint

Ez a szabványpont elsősorban a vak és gyengénlátó felhasználóknak segít, akik nem tudják elérni a videók vizuális elemeit. 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

Tesztelés

Az 1.2.5 megfelelőség ellenőrzéséhez:

Hangos leírás sáv ellenőrzése: Ellenőrizd, hogy a videolejátszó tartalmaz-e opciót a hangos leírások bekapcsolásához
Videó meghallgatása bekapcsolt hangos leírásokkal: Győződj meg róla, hogy a leírások releváns vizuális információt nyújtanak anélkül, hogy átfednének a párbeszéddel
Kisegítő technológiák használata: Teszteld képernyőolvasókkal vagy más eszközökkel, hogy a hangos leírás sáv hozzáférhető
Videó metaadatok áttekintése: Ellenőrizd a hangos leírás metaadatok vagy feliratok jelenlétét, amelyek jelzik az elérhetőséget
Manuális ellenőrzés: Nézd meg a videót vizuális elemek nélkül, hogy ellenőrizd, közvetíti-e a hangos leírás az összes lényeges vizuális tartalmat

Jó gyakorlatok

Külön hangos leírás sáv

Biztosíts egy külön hangos leírás sávot, amely kiválasztható a videolejátszó vezérlőin keresztül.

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track kind="descriptions" src="video-leiras.vtt" srclang="hu" label="Magyar hangos leírás">
</video>

Integrált leírások

Ha külön sáv nem lehetséges, integráld a leírásokat a fő hangsávba természetes szünetek során.

Példa integrált narráció:
"Helló és üdvözöllek." [szünet] "Mária a konyhában áll, és reggelit készít." [szünet] "Kivesz egy tojást a hűtőből."

Világos leírások

Tedd a leírásokat tömörré és relevánsá, a kulcsfontosságú vizuális információkra összpontosítva.

Jó példa WebVTT fájlra:
WEBVTT

00:00:05.000 --> 00:00:08.000
[Egy nő belép a szobába]

00:00:10.000 --> 00:00:15.000
[Laptopot nyit ki az asztalon, és elkezd gépelni]

00:00:20.000 --> 00:00:25.000
[A képernyőn grafikonok jelennek meg]

Felhasználói vezérlők

Biztosítsd, hogy a felhasználók könnyedén be- vagy kikapcsolhatják a hangos leírásokat a lejátszás megszakítása nélkül.

<video controls id="myVideo">
  <source src="video.mp4" type="video/mp4">
  <track kind="descriptions" src="leiras.vtt" srclang="hu" label="Hangos leírás" id="audioDesc">
</video>

<button id="audioDescBtn" onclick="toggleAudioDescription()" aria-pressed="false">
  <span id="btnText">Hangos leírás bekapcsolása</span>
</button>

<script>
function toggleAudioDescription() {
    const track = document.getElementById('audioDesc');
    const btn = document.getElementById('audioDescBtn');
    const btnText = document.getElementById('btnText');
    
    const isEnabled = track.mode === 'showing';
    
    if (isEnabled) {
        track.mode = 'disabled';
        btn.setAttribute('aria-pressed', 'false');
        btnText.textContent = 'Hangos leírás bekapcsolása';
    } else {
        track.mode = 'showing';
        btn.setAttribute('aria-pressed', 'true');
        btnText.textContent = 'Hangos leírás kikapcsolása';
    }
}
</script>

Rossz gyakorlatok

Kerüld ezeket a gyakori hibákat:

Nincs hangos leírás: Csak feliratokra vagy átiratokra támaszkodás hangos leírások nélkül kizárja a látássérült felhasználókat a lényeges kontextusból
Átfedő hang: A párbeszéddel vagy fontos hangokkal átfedő leírások megnehezítik a megértést
Nehezen elérhető vezérlők: A videolejátszóban elrejtett vagy nehezen megtalálható hangos leírás opciók
Gyenge minőségű leírások: Homályos vagy túlzottan részletes leírások, amelyek inkább zavarják, mint tisztázzák a helyzetet

Rossz példa: Nincs hangos leírás

<video controls>
  <source src="oktatovideo.mp4" type="video/mp4">
  <track kind="captions" src="feliratok.vtt" srclang="hu" label="Magyar feliratok">
  <!-- Nincs hangos leírás sáv -->
</video>

Probléma: Ez a videó csak feliratokat biztosít, de nem tartalmaz hangos leírást a vizuális elemekről, így a vak felhasználók lemaradnak a fontos vizuális információkról.

Rossz példa: Átfedő leírások

Rossz WebVTT példa:
00:00:01.000 --> 00:00:10.000
[A főszereplő beszél, miközben a narrátor is beszél: "János az asztalhoz megy és leül"]

Probléma: A hangos leírás átfed a párbeszéddel, ami zavaróvá teszi mindkét hang követését.

Források

Amennyiben szeretnél első kézből értesülni az új bejegyzésekről, iratkozz fel hírlevelünkre!