Tests die je zelf kan doen op je website

Hier zijn zes tests die je een eerste indruk geven over de toegankelijkheid van je website.

1. Gebruik je site zonder muis
2. Gebruik de zoomfunctie in je browser
3. Meet het contrast van teksten
4. Controleer of je alle beweging kan stoppen
5. Bekijk video's zonder geluid
6. Controleer of paginatitels betekenisvol zijn

Gebruik je site zonder muis

Ontkoppel je muis. Gebruik enkel het toetsenbord om door je site te navigeren:

• TAB om verder te gaan
• Shift+TAB om terug te keren
• ENTER om een link te activeren
• SPATIE om een aankruisvakje aan/uit te vinken of om een knop te activeren
• De pijltjes naar boven en beneden om de pagina te laten scrollen

Alles wat je kan doen met de muis moet ook mogelijk zijn met het toetsenbord. Onder andere:

• Telkens je op de tabtoets drukt, zie je waar de focus naartoe gaat? Er moet een visuele aanduiding zijn die toont op welke link of ander interactief element je bent terechtgekomen.
• Zijn alle klikbare elementen met TAB bereikbaar?
• Als je op een link staat, kan je die activeren met ENTER? Er moet hetzelfde gebeuren dan wanneer je erop klikt.
• Als er formulieren zijn, kan je ze invullen zonder je muis te gebruiken?

Als je Nee hebt geantwoord op een van deze vragen, dan is er een toegankelijkheidsprobleem op de site.

• Wie ondervindt dit probleem: mensen met een motorische of visuele handicap die geen muis kunnen gebruiken
• Wie kan het probleem oplossen: front-end ontwikkelaars
• Lees verder over toegankelijkheid met het toetsenbord.

Gebruik de zoomfunctie in je browser 

In je browser, druk meerdere keren na elkaar op CTRL+ om de inhoud van de site te vergroten. Ga eerst tot 200%, daarna tot 400%.

• Vergroot de tekst?
• Blijft de site bruikbaar?
• Blijft alle inhoud leesbaar (geen teksten die zijn afgekapt of overlappen)?
• Verdeelt de inhoud zich zoals op mobiel? Dit betekent dat de tekst niet buiten de marges loopt, maar op de volgende lijn doorloopt. Horizontaal scrollen is niet nodig.

Als je Nee hebt geantwoord op een van deze vragen, dan is er een toegankelijkheidsprobleem op de site.

• Wie ondervindt dit probleem: mensen met een visuele handicap die moeten inzoomen om de tekst te kunnen lezen.
• Wie kan het probleem oplossen: designers en front-end ontwikkelaars

Meet het contrast van teksten

In Firefox:

• Druk op Shift+F12.

• Gebruik de optie "Controleren op problemen: contrast"

  

• Controleer of deze automatische tool te lage contrasten vindt.

Als de tool contrasten vindt die onvoldoende zijn, zijn de betrokken teksten waarschijnlijk niet leesbaar genoeg.

• Wie ondervindt dit probleem: mensen met een visuele handicap
• Wie kan het probleem oplossen: designers en/of front-end ontwikkelaars
• Lees verder over contrasten

Controleer of je alle beweging kan stoppen

Overloop enkele pagina's van de site en kijk of er bewegende onderdelen zijn, bijvoorbeeld:

• Een slideshow
• Een video die in de achtergrond speelt
• Een animatie (vb. animated gif)

Voor elke gevonden beweging:

• Is er een pauzeknop of andere manier om het te stoppen?
• Stopt de beweging vanzelf na maximaal 5 seconden?

Als je Ja hebt geantwoord op minstens een van de 2 vragen, dan is het OK, anders is er een toegankelijkheidsprobleem.

• Wie ondervindt dit probleem: mensen met een aandachtsstoornis die bewegende onderdelen storend vinden.
• Wie kan het probleem oplossen: designers en front-end ontwikkelaars
• Lees verder over animaties

Bekijk video's zonder geluid

Als er video's op de site staan, bekijk ze met het geluid uitgeschakeld.

• Blijft de inhoud van de video duidelijk? Dat kan het geval zijn bij video's die enkel visuele informatie geven en waarin niet wordt gesproken.
• Als er wordt gesproken (dialogen, commentaarstem, enz.), zijn er ondertitels in de taal van de video?
• Staat alle belangrijke informatie die je hoort in de ondertitels?
• Zijn de ondertitels juist en correct gesynchroniseerd?

Als je Nee hebt geantwoord op een van deze vragen, dan is er een probleem met de toegankelijkheid van de video's. Bij YouTube-video's zijn automatische ondertitels meestal niet goed genoeg.

• Wie ondervindt dit probleem: doven en slechthorenden die goede ondertitels nodig hebben om de inhoud van de video te begrijpen
• Wie kan het probleem oplossen: de maker van de video of het communicatieteam
• Lees verder over ondertiteling

Controleer of paginatitels betekenisvol zijn

Open enkele pagina's van je site in verschillende tabs van je browser. De paginatitels zijn zichtbaar in de tabs, bijvoorbeeld "Restons en contact - ETNIC". Als je ze niet helemaal kan lezen, beweeg dan de muis over de tab.

• Heeft elke pagina een verschillende titel ?
• Bevat elke titel de naam van de site?
• Bevat elke titel de naam van de pagina?

Als je Nee hebt geantwoord op minstens een vraag, dan is er een toegankelijkheidsprobleem.

• Wie ondervindt dit probleem: blinden die een schermlezer gebruiken. De titel is de eerste informatie die wordt gelezen als de tab opent.
• Wie kan het probleem oplossen: redacteurs
• Lees verder over paginatitels

Wat kan je nog doen?

Dit zijn slechts 6 tests. Als bepaalde tests niet OK zijn, weet je al dat je de toegankelijkheid van je site kan verbeteren. Begin alvast met de punten die je hebt gevonden. Als ze allemaal OK zijn, is dat een goed begin, maar het betekent niet dat je site volledig toegankelijk is.

We hopen dat je zin hebt gekregen om je verder in dit onderwerp te verdiepen. Hier zijn een paar mogelijkheden:

• Lees onze documentatie; begin met de artikels Wat is toegankelijkheid en voor wie is het belangrijk?
• Organiseer opleiding voor jezelf en de collega's; kies een opleiding die bij je profiel past.
• Integreer toegankelijkheid in je manier van werken, van het lastenboek tot het eindproduct.
• Bestel een volledige audit om te weten wat je nog kan verbeteren.