Maandag t/m vrijdag, 09:00 – 18:00 +31 970 1028 0205 WhatsApp
WebMaintorNederland
Toegankelijkheid · wat wij doen

Video's op uw website toegankelijk maken

Ondertiteling, transcript, audiodescriptie, een speler die met het toetsenbord werkt en geen autoplay: zo maakt u video's op uw site voor iedereen bruikbaar.

Op de homepage van een installatiebedrijf draait een video van negentig seconden: de eigenaar vertelt over het vakmanschap, monteurs aan het werk, een tevreden klant aan het woord. Wie doof of slechthorend is, ziet bewegende beelden zonder te weten wat er gezegd wordt. Wie in de trein zit zonder oortjes, ook. Net als iemand die op kantoor kijkt en het geluid niet aan kan zetten. Zonder ondertiteling van de video op uw website gaat de boodschap voor al die kijkers verloren.

Video ondertiteling op uw website is de eerste en meest bekende stap, maar niet de enige. Ook mensen die blind zijn, die alleen een toetsenbord gebruiken of die last hebben van bewegend beeld, moeten met uw video's uit de voeten kunnen. Op deze pagina leest u wat er nodig is, hoe u dat met YouTube, Vimeo of eigen video's in WordPress regelt, en wat u zelf kunt doen.

  1. 01

    Wat WCAG vraagt bij video

    Voor vooraf opgenomen video's met geluid vraagt WCAG op niveau AA, kort samengevat:

    VoorzieningVoor wieWanneer
    OndertitelingDoven en slechthorenden, kijkers zonder geluidBij elke video met gesproken tekst of betekenisvolle geluiden
    AudiodescriptieBlinden en slechtziendenAls er in beeld informatie staat die niet in het geluid zit
    TranscriptDoofblinden, snelle lezers, mensen die liever lezenAanbevolen; bij video zonder geluid of geluid zonder beeld een gangbaar alternatief

    Voor livevideo, zoals een webinar dat u op uw site uitzendt, vraagt AA ook ondertiteling tijdens de uitzending. Dat is een ander soort werk en valt buiten wat wij doen.

  2. 02

    Video-ondertiteling, transcript en audiodescriptie op uw website

    Ondertiteling

    Goede ondertiteling geeft niet alleen gesproken tekst weer, maar ook wie er spreekt als dat niet duidelijk is, en geluiden die ertoe doen, zoals "[telefoon gaat]" of "[muziek]". Ondertitels moeten in te schakelen zijn, ook wel closed captions genoemd. Ondertitels die in het beeld zijn gebrand, werken ook, maar zijn niet aan te passen in grootte of kleur.

    YouTube maakt automatisch ondertitels, maar die bevatten vaak fouten in namen, vaktermen en interpunctie. Gebruik ze als begin en loop ze na in YouTube Studio. Bij Vimeo en bij eigen video's in WordPress uploadt u een ondertitelbestand, meestal in het WebVTT-formaat:

    <video controls>
      <source src="rondleiding.mp4" type="video/mp4">
      <track kind="captions" src="rondleiding-nl.vtt" srclang="nl" label="Nederlands">
    </video>

    Transcript

    Een uitgeschreven tekst van de video onder of naast de video. Voor iemand die doofblind is en een brailleleesregel gebruikt, is dat soms de enige manier om de inhoud te krijgen. Een transcript is ook doorzoekbaar en voor zoekmachines leesbaar.

    Audiodescriptie

    Vertelt de video iets alleen met beeld, zoals een tekst in beeld, een stap in een handleiding of een product dat wordt getoond, dan mist een blinde kijker die informatie. De simpelste oplossing zit in het script: laat de spreker benoemen wat er te zien is. "U ziet hier de achterkant van de ketel, waar de aansluitingen zitten." Dat scheelt een aparte versie met beschrijvingen achteraf.

  3. 03

    De speler, autoplay en bewegend beeld

    Een perfect ondertitelde video heeft weinig zin als de speler niet te bedienen is. Let op:

    • Bediening met het toetsenbord. Afspelen, pauzeren, volume, ondertitels en volledig scherm moeten met Tab en Enter of spatiebalk werken, met zichtbare focus. Zie ook bediening met alleen een toetsenbord.
    • Een naam voor de ingesloten video. Een iframe van YouTube of Vimeo krijgt een title-attribuut, zodat een screenreader zegt wat het is.
    • Geen geluid dat vanzelf start. Speelt geluid automatisch langer dan een paar seconden, dan moet het te stoppen zijn. Liever start het helemaal niet zonder actie van de bezoeker.
    • Achtergrondvideo's. Een video die eindeloos in de header loopt, moet te pauzeren zijn. Voor mensen met concentratieproblemen of vestibulaire klachten is beweging die niet stopt een probleem. Meer daarover in de instelling voor minder beweging respecteren.
    • Flitsende beelden. Snelle flitsen kunnen bij mensen met epilepsie een aanval uitlokken. De regel daarvoor staat in de drie-flitsen-regel.

    Let ook op de combinatie met uw cookiebanner. Een YouTube-video die geblokkeerd is tot er cookies zijn geaccepteerd, toont vaak een melding die zelf niet toegankelijk is. Daarover gaat een toegankelijke cookiebanner.

  4. 04

    Hoe WebMaintor uw video's toegankelijk maakt

    1. Overzicht. Wij zoeken alle video's op uw site op, met waar ze vandaan komen: YouTube, Vimeo, de eigen mediabibliotheek of een andere dienst.
    2. Controle per video. Zijn er ondertitels, kloppen ze, is er informatie die alleen in beeld zit, start er iets automatisch?
    3. Speler en insluiting. Wij zorgen dat de speler met het toetsenbord werkt, dat iframes een titel hebben, dat autoplay uitstaat en dat achtergrondvideo's een pauzeknop krijgen.
    4. Ondertitels koppelen. Ondertitelbestanden die u aanlevert, koppelen wij aan de video's. Waar u een transcript aanlevert, plaatsen wij het netjes bij de video, bijvoorbeeld in een uitklapblok dat goed werkt.

    Gebruikt u veel video's van YouTube, dan kijken wij ook naar de manier van insluiten. Het standaard YouTube-blok in WordPress werkt doorgaans goed. Sommige page builders en sliderplugins tonen video's in een eigen lichtbak of pop-up; die moet dan net zo goed met het toetsenbord te openen en te sluiten zijn als de speler zelf.

    Wat wij niet doen: zelf ondertitels schrijven, vertalen of audiodescriptie inspreken. Daarvoor zijn gespecialiseerde bureaus en goede tools. Wel helpen wij u met de technische kant en controleren wij het resultaat.

  5. 05

    Wat u zelf kunt doen

    • Schrijf bij nieuwe video's vooraf een script. Dat is meteen de basis voor ondertitels en transcript.
    • Laat de spreker benoemen wat er in beeld te zien is.
    • Controleer automatische ondertitels van YouTube voordat u een video op uw site zet.
    • Kies één korte video met een duidelijk doel boven vijf lange. Elke video die u plaatst, vraagt dit werk.
    • Zet nooit een video met geluid op autoplay.

    Video's zijn één onderdeel van een toegankelijke site. Het hele traject staat op uw website toegankelijk maken.

Kennisbank

Verder lezen

FAQ

Veelgestelde vragen

Is een video zonder gesproken tekst ook een probleem?

Een video met alleen muziek en beelden heeft geen ondertitels nodig, maar wel een alternatief voor wie het beeld niet ziet als de beelden iets vertellen. Een korte tekst bij de video, die beschrijft wat er te zien is, is dan vaak genoeg.

Zijn ondertitels in het beeld gebrand goed genoeg?

Ze maken de tekst zichtbaar, en dat is beter dan niets. Ze zijn alleen niet uit te zetten of aan te passen in grootte en kleur, en een screenreader leest ze niet voor. In te schakelen ondertitels zijn de betere keuze.

Maakt een transcript ondertiteling overbodig?

Niet bij een video met gesproken tekst. Een transcript helpt, maar wie de video kijkt, wil tekst en beeld tegelijk zien. Ondertitels en een transcript vullen elkaar aan.

Wat doe ik met oude video's zonder ondertitels?

Begin met de video's die het meest bekeken worden of de belangrijkste informatie bevatten, zoals uitleg over een dienst of een procedure. Oude video's die niet meer actueel zijn, kunt u beter weghalen dan alsnog ondertitelen.

Kan ik in WordPress de standaard videospeler gebruiken?

De ingebouwde videoblokken van WordPress gebruiken de speler van de browser, die met het toetsenbord te bedienen is. U kunt er een ondertitelbestand aan koppelen. Test wel hoe het er in uw thema uitziet, want eigen CSS kan de bediening of de focus beïnvloeden.

Vragen over toegankelijkheid?

Vraag een gratis websitecheck aan. U ontvangt binnen één werkdag een helder rapport, zonder verplichtingen.

Reactie binnen 4 werkuren
WhatsApp