Animatie laten maken volgens WCAG 2.1 richtlijnen

Wil je een animatie laten maken volgens WCAG richtlijnen?

Dan is het handig als je weet wat belangrijk is en wat de opties en afwegingen zijn.

We zetten het voor je op een rijtje.

 

Wat zijn WCAG richtlijnen?

WCAG staat voor Web Content Accessibility Guidelines.

Het zijn dus allerlei richtlijnen bedoeld om websites en apps beter digitaal toegankelijk te maken.

Die richtlijnen gaan niet alleen over de werking van de website, maar ook de content die erop staat.

Denk aan tekst, foto’s, illustraties, infographics en animatiefilms.

 

WCAG 2.1 richtlijnen en niveau’s

Er zijn verschillende versies van de WCAG, maar de meestgebruikte zijn de WCAG 2.1 richtlijnen.

Hierin zijn drie niveau’s aangegeven:

  • A: basisniveau
  • AA: wettelijk aanvaardbaar niveau (door overheden gebruikt)
  • AAA: hoogste niveau

 

Animatie laten maken WCAG 2.1 richtlijnen

Omdat onze animatiestudio veel voor overheden werkt, krijgen we regelmatig de vraag om te voldoen aan WCAG AA.

We zetten de belangrijkste voor je op een rijtje.

 

Animatie maken WCAG 2.1 niveau AA:

  • Voeg (hard-coded) ondertiteling toe aan je animatievideo.
  • Pas zoveel mogelijk praatje-plaatje toe, zodat mensen met een auditieve of visuele beperking zoveel mogelijk hetzelfde meekrijgen.
  • Voeg uitgeschreven tekst toe. Dit kan in Youtube in de description. Bij overheden zie je het vaak geïntegreerd in de mediaplayer: zie voorbeeld.
  • Maak een audiodescriptie als dit nodig is, bijvoorbeeld als er geen voice-over is of als het beeld extra uitleg nodig heeft. Dit wordt bijvoorbeeld voor film toegepast als er sfeerbeelden zijn, zie een voorbeeld op Scribit.
  • Vermijd flitsen of knipperende effecten ter voorkoming van epileptische aanvallen.
  • Bij gebruik van gifjes: laat deze niet doorlopend afspelen.
  • Zorg voor voldoende contrast in je basiskleuren, zodat mensen met kleurenblindheid de beelden goed kunnen zien. Test dit.

Screenshot uit wcag test contrast op adobe website basiskleuren kleurenblindheid

Animatie maken WCAG niveau AAA

Hoewel niveau AA door overheden aangehouden wordt, raden wij aan om een stapje verder te gaan.

Beeld van vrouw die B1 tekst leest ter illustratie van b1 tekst schrijven voor een infographic of animatie

Ook kun je rekening houden met:

  • Nationaliteiten: bijvoorbeeld door de video in verschillende talen te maken of te ondertitelen. Op Youtube en andere videospelers kun je verschillende audiobestanden en SRT-ondertiteling inladen.
  • Een oudere leeftijd: bijvoorbeeld door een video wat langzamer te maken. Dit deden we bijvoorbeeld in een explanimation over Het Jaargesprek:

 

Voorbeeld animatievideo’s binnen WCAG 2.1 richtlijnen

Voor RDW hebben we een explainer gemaakt die voor iedereen goed te volgen is:

 

Voor verschillende overheden en sportbonden maakten we een heldere uitleganimatie over de gratis VOG, waarbij op de website ook een volledig uitgeschreven tekst woord aangeboden.

Screenshot van gratis vog animatie als voorbeeld van animatiefilm binnen wcag richtlijnen door animatiestudio Creative Beards

Schrijf je in voor onze nieuwsbrief voor meer tips en informatie over animatie, film, AI en communicatie

Ontvang onze nieuwsbrief

Animatie volgens WCAG richtlijnen?

We helpen je graag.

Illustratie van Ted Griffioen van animatiebureau Creative Beards

Ted Griffioen | Tekstschrijver

Neem contact op