De tien toegankelijkheidsfouten die wij het vaakst tegenkomen
Na veel controles van WordPress-sites zien we steeds dezelfde fouten terugkomen. Het goede nieuws: de meeste zijn eenvoudig te herkennen en op…
Lees verderOndertiteling, 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.
Voor vooraf opgenomen video's met geluid vraagt WCAG op niveau AA, kort samengevat:
| Voorziening | Voor wie | Wanneer |
|---|---|---|
| Ondertiteling | Doven en slechthorenden, kijkers zonder geluid | Bij elke video met gesproken tekst of betekenisvolle geluiden |
| Audiodescriptie | Blinden en slechtzienden | Als er in beeld informatie staat die niet in het geluid zit |
| Transcript | Doofblinden, snelle lezers, mensen die liever lezen | Aanbevolen; 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.
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>
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.
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.
Een perfect ondertitelde video heeft weinig zin als de speler niet te bedienen is. Let op:
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.
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.
Video's zijn één onderdeel van een toegankelijke site. Het hele traject staat op uw website toegankelijk maken.
Na veel controles van WordPress-sites zien we steeds dezelfde fouten terugkomen. Het goede nieuws: de meeste zijn eenvoudig te herkennen en op…
Lees verder"Uiteraard wordt de website toegankelijk." Een mooie zin in een offerte, maar wat betekent hij? Met deze checklist maakt u van een…
Lees verderEr komt een mail binnen: een klant kan uw formulier niet gebruiken met zijn screenreader. Geen reden voor paniek, wel voor een…
Lees verderEen 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.
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.
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.
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.
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.
Vraag een gratis websitecheck aan. U ontvangt binnen één werkdag een helder rapport, zonder verplichtingen.
Reactie binnen 4 werkuren