Meedia

Ligipääsetavad mängijad

Mängija on juhtelementide kogum. Kui seda ei saa klaviatuuriga kätte, ekraanilugejale sildistada ega peatada, kui see mängima hakkab, siis selle taga olev sisu ei eksisteeri.

Kohustuslikud nõuded

Iga juhtelement on Tab-iga kättesaadav ja Enteri või tühikuga kasutatav.
Fookus on video peal selgelt nähtav, ka tumedatel kaadritel.
Ainult ikooniga nuppudel on ligipääsetavad nimed: Esita, Vaigista, Subtiitrid, Täisekraan.
Lüliti olek on teatatud (aria-pressed või muutuv silt), mitte ainult värvimuutus.
Subtiitrite nupp on olemas ja kergesti leitav — mitte peidetud seadete menüüsse.
Miski ei käivitu ise heliga; kõike pikemat kui 3 sekundit saab peatada.
Mängija töötab 200% suumiga ja kitsal telefoniekraanil.
Kiirklahvid ei haara üksikuid tähti, kui kirjutad mujal.

Kohandatud juhtelemendid valesti ja õigesti

Ligipääsmatu

Divid: pole klaviatuurifookust, nime, olekut ega subtiitrite rada.

Ligipääsetav

Native <video controls> on tasuta ligipääsetav. Ehita oma ainult siis, kui suudad sama taseme saavutada.

Ka manustamised loevad

Anna igale iframe-manustusele pealkiri (title="Sissejuhatav video") ja kontrolli kolmanda osapoole mängijat klaviatuuriga, enne kui seda usaldad.

Otseülekanded

Planeeri otsesündmustele reaalajas subtiitrid; WCAG 1.2.4 (AA) nõuab neid ja tagantjärele neid lisada ei saa.
Märgi kutses, millised ligipääsuteenused on olemas ja kuidas lisa küsida.
Avalda salvestis parandatud subtiitrite ja tekstiversiooniga mõne päeva jooksul.
Palu esinejatel oma slaide valjult kirjeldada — see ongi reaalajas audiokirjeldus.

Miks hea näide on parem

Juhtelemendid, mis reageerivad ainult hiirele, lukustavad välja klaviatuuri, lüliti ja ekraanilugeja kasutajad.
Ise käivituv heli katab ekraanilugeja kõne ja seda ei saa õigel ajal peatada.
Natiivsed juhtelemendid rakendavad fookust, nimesid ja olekuid juba õigesti.

Mõju ligipääsetavusele

Ainult klaviatuuri kasutajad: Saavad videot üldse käivitada, peatada ja subtiitreid sisse lülitada.
Ekraanilugeja kasutajad: Kuulevad, mis iga nupp on ja kas see on sees.
Värinaga inimesed: Tabavad suuri sihtmärke, mitte pisikesi kohandatud ikoone.

Praktiline järeldus

Võta hiir küljest ja kasuta oma mängijat. Kui sina ei saa, ei saa ka kasutajad.

WCAG 2.2

1.2.4, 1.4.2, 2.1.1, 2.4.7, 4.1.2

Kiire kontroll

1. Video käivitub lehe avamisel ise heliga. Millist nõuet see esimesena rikub?
1.4.2 Heli juhtimine — üle 3 sekundi kestvat heli peab saama peatada.
1.2.2 Subtiitrid.
2.4.7 Nähtav fookus.
2. Mis on kõige turvalisem viis videojuhtnuppude tegemiseks?
Kujundatud divid klõpsukäsitlejatega.
Natiivne <video controls> või päris <button>-elemendid siltide ja olekuga.
Pildikaart video peal.
3. Korraldad otseveebiseminari. Mida WCAG ootab?
Mitte midagi enne salvestise avaldamist.
Reaalajas subtiitrid sündmuse ajal (1.2.4).
Ainus võimalus on viipekeeletõlk.

Kas said õppetüki läbi? Märgi see ära, et õpitee oleks ajakohane.