De WCAG-checks om mee te beginnen

Vijf drempels die je zelf weghaalt

Je opent een gezellig boekencafé, maar bij de ingang zit een trap zonder rolstoeloprit. Voor de meesten geen probleem. Maar wie in een rolstoel zit, komt niet naar binnen. Zo werkt het ook op je website: kleine drempels zoals een afbeelding zonder beschrijving of een video zonder ondertiteling sluiten de 4,5 miljoen Nederlanders met een beperking buiten. In dit blog lees je vijf checks waarmee je die drempels weghaalt, zodat iedereen makkelijk binnenkomt. 

• Wist je dat...

  ... deze vijf checks allemaal uit de WCAG komen? Dat is de internationale norm voor toegankelijke websites. Voldoen aan die norm is voor de overheid al sinds 2018 verplicht, en sinds 2025 ook voor veel bedrijven.

Check 1: alt-teksten bij afbeeldingen

Zet je een foto van een versgebakken appeltaart op je website? Vergeet dan de beschrijving niet. Blinden en slechtzienden gebruiken een schermlezer die de pagina voorleest. Geef jij geen beschrijving mee? Dan valt er niks te lezen, en slaat de schermlezer de foto over of noemt de bestandsnaam: "IMG_003.jpg". Die beschrijving heet een alt-tekst, en met een paar woorden maak je de foto voor iedereen toegankelijk. De 300.000 blinden en slechtzienden in Nederland hebben er direct baat bij, en je foto wordt er beter vindbaar door. 

• Zo check je het zelf

  Loop in je CMS na of elke informatieve afbeelding een alt-tekst heeft. Houd die onder de 120 tekens en begin met een kernwoord, niet met "Afbeelding van". Bij die appeltaart wordt dat: 

  Fout: IMG_003.jpg 
  Beter: Afbeelding van een taart 
  Goed: Appeltaart met poedersuiker, vers uit de oven 

Check 2: genoeg kleurcontrast

Kies je lichtgrijze tekst op een witte achtergrond omdat dat strak oogt? Dan haakt een deel van je bezoekers af. Slechtzienden en ouderen lezen die tekst maar moeilijk. En jij trouwens ook, op de dag dat je met de zon op het scherm in de trein of de tuin zit. Genoeg contrast houdt een tekst voor iedereen leesbaar. 

Check 3: duidelijke linkteksten

"Klik hier" en "lees meer" zeggen niks over waar je terechtkomt. Voor de meeste bezoekers niet erg, want zij zien de tekst eromheen. Maar een schermlezergebruiker vraagt soms een lijst met alle links op je pagina op, los van die tekst. Tien keer "lees meer" onder elkaar helpt dan niemand verder. Een linktekst die zegt waar hij heen gaat, wijst iedereen meteen de weg. 

• Zo check je het zelf

  Lees je links hardop, zonder de zin eromheen. Snap je waar je terechtkomt? Vervang vage links door een beschrijving, zoals "bekijk onze openingstijden".

Check 4: een logische koppenstructuur

Een kop die alleen groot en vet is, ziet er goed uit, maar een schermlezer herkent hem niet als kop. En koppen zijn juist de ruggengraat van je pagina: ze helpen schermlezergebruikers navigeren en laten iedereen snel de juiste sectie vinden. Daarvoor moet een kop echt als kop in de code staan. Kijk in je CMS of je koppen de stijl “Kop 1”, Kop 2” of “Kop 3” hebben en of ze op een logische volgorde staan.

Check 5: ondertiteling bij de video

Een video zonder ondertiteling sluit doven en slechthorenden buiten, en dat zijn er in Nederland ruim 1,5 miljoen. En ondertiteling helpt veel meer mensen: wie in een drukke of juist stille omgeving kijkt, en wie de taal nog leert. Controleer dus of jouw video’s ondertiteling hebben voor alle gesproken tekst. Daarbij is automatische ondertiteling een begin, maar loop hem na op fouten.

Vijf drempels weg, en dan?

Met deze vijf checks haal je de eerste drempels weg en wordt je site voor veel meer mensen toegankelijk. En dat loont, want een toegankelijke website is voor steeds meer bedrijven verplicht. Kom je er met de teksten niet uit? Daar helpen wij je mee. Als het eerste erkende B1-bureau van Nederland schrijven we bij Door Lotje Getikt helder en toegankelijk, zodat iedere lezer de tekst begrijpt.