Je kunt nog zo veel weten over toegankelijk webdesign soms wil je gewoon even checken of je website echt werkt voor iedereen. Gelukkig zijn er handige en gratis toegankelijkheid tools waarmee je snel ziet waar verbeterpunten liggen.
In deze blog deel ik de tools die ik zelf gebruik. Ze helpen je stap voor stap meer inzicht te krijgen in de toegankelijkheid van jouw website: Is mijn website goed leesbaar? Werken mijn knoppen en formulieren voor iedereen? En hoe ervaart iemand met een beperking mijn site eigenlijk?
Maar voordat we in de lijst duiken, eerst iets belangrijks:
Tools zijn geen wondermiddel
Een toegankelijkheid tool is een hulpmiddel, geen eindtest. Tools kunnen namelijk alleen meten wat ze technisch herkennen. Ze zien bijvoorbeeld dat er een alt-tekst is ingevuld bij een afbeelding, maar ze kunnen niet beoordelen of die tekst klopt met wat er op de foto staat. Ze kunnen ook niet horen hoe een schermlezer een Engels woord uitspreekt in een Nederlandse zin of merken dat een knop wel zichtbaar is, maar verwarrend benoemd (“klik hier” zegt niets over de actie).
Daarom is handmatig testen onmisbaar!
Loop je website na met een toetsenbord, luister eens met een screenreader en laat iemand buiten je team jouw site proberen. Je ziet dan pas echt hoe toegankelijk je website is of juist niet. De toegankelijkheid tools hieronder zijn dus ter ondersteuning: ze helpen je sneller fouten te vinden, maar jij blijft degene die het hele plaatje ziet.
1. Colour Contrast Checker
Wat het doet:
De Colour Contrast Checker extensie van Chrome test het kleurcontrast tussen tekst en achtergrond. Je vult de kleurcodes van je tekst en achtergrond in en de tool laat meteen zien of het contrast voldoende is volgens de WCAG 2.2-richtlijnen.
Handig voor:
- Tekst die moeilijk leesbaar is in zonlicht of op mobiel
- Controleren of je huisstijlkleuren toegankelijk zijn
- Ontwerpen met lichte tinten of transparante achtergronden
Tip:
Streef naar minimaal 4.5:1 contrast voor gewone tekst, en 3:1 voor grote koppen.
Naar de Colour Contrast Checker Extensie.
2. Funkify – Disability Simulator
Wat het doet:
Funkify is een browserextensie voor Chrome waarmee je kunt ervaren hoe mensen met verschillende beperkingen jouw website beleven. Je kunt bijvoorbeeld simuleren hoe iemand met kleurenblindheid, dyslexie of beperkte motoriek door jouw site navigeert.
Handig voor:
- Ontdekken of knoppen en formulieren goed te bedienen zijn
- Zien of tekst te druk of te klein is
- Bewustwording: je ziet letterlijk wat een ander ziet
Tip:
Gebruik Funkify tijdens het ontwerp of de testfase om je keuzes te toetsen vanuit verschillende gebruikersperspectieven.
3. Landmark Navigation
Wat het doet:
Met de Landmark Navigation via Keyboard or Pop-up-extensie kun je controleren of jouw website goede semantische structuur heeft.
De tool laat zien of koppen, banners, navigatie en hoofdinhoud goed gemarkeerd zijn (met landmarks zoals <main>, <nav>, <header>).
Handig voor:
- Checken of schermlezers logisch door je site kunnen navigeren
- Controleren of je HTML-structuur klopt
- Toetsenbordgebruikers ondersteunen bij oriëntatie
Tip:
Gebruik de Tab-toets in combinatie met deze tool: dan zie je of je focusvolgorde en landmarks elkaar versterken.
4. Silktide Accessibility Checker
Wat het doet:
De Silktide Accessibility Checker is een Chrome-extensie die snel controleert of een pagina voldoet aan de toegankelijkheidsrichtlijnen (WCAG). De tool markeert problemen direct op de pagina, zoals ontbrekende alt-teksten of slecht contrast.
Handig voor:
- Ontdekken van technische fouten in code of HTML
- Visuele highlight van toegankelijkheidsproblemen
- Snelle controles zonder ingewikkelde software
Tip:
Gebruik Silktide vooral bij grotere sites om snel door meerdere pagina’s heen te testen.
5. WAVE Evaluation Tool
Wat het doet:
WAVE is één van de bekendste tools om de toegankelijkheid van webpagina’s te analyseren. De extensie laat direct op je pagina zien waar toegankelijkheidsproblemen zitten, zonder dat je telkens een URL hoeft in te vullen.
Handig voor:
- Controle van alt-teksten, koppenstructuur en formulieren
- Ontdekken van contrastproblemen en lege links
- Rapportages maken die je eenvoudig met je webbouwer kunt bespreken
Tip:
Gebruik de Chrome-extensie tijdens het bouwen of updaten van je website.
Combineer WAVE voor een totaalbeeld met Silktide voor meer detailcontrole.
6. Ismijnsitetoegankelijk.nl
Wat het doet:
Dit is een Nederlandstalige checker ontwikkeld door Stichting Accessibility. De tool analyseert jouw website op belangrijke WCAG-punten en geeft een duidelijk rapport in gewone taal.
Handig voor:
- Ondernemers die een simpele, begrijpelijke check willen
- Een eerste indruk van hoe toegankelijk je site nu is
- Rapportages zonder technisch jargon
Tip:
Gebruik deze test als startpunt en herhaal hem na elke grote update van je website.
Toegankelijkheid testen = bewust verbeteren
Geen enkele website is in één keer perfect. Het gaat erom dat je blijft testen, leren en verbeteren. Gebruik tools als ondersteuning, maar vertrouw niet blind op wat ze zeggen. Combineer automatische tests met handmatige checks en echte gebruikerservaringen. Zo weet je zeker dat je website niet alleen technisch voldoet, maar ook menselijk werkt.
Wil je weten hoe jouw website ervoor staat? Meld je aan voor mijn quickscan digitale toegankelijkheid, gratis inzicht in op zijn Rotterdams geregeld.
