Ga aan de slag en maak je website toehankelijker voor alle gebruikers
Toegankelijkheid op het web is geen luxe, maar een noodzaak. Of je nu een ontwikkelaar, ontwerper of contentbeheerder bent: iedereen heeft een rol in het maken van websites die bruikbaar zijn voor mensen met een beperking.
Gelukkig zijn er veel gratis tools beschikbaar die je helpen om je website toegankelijker te maken. In dit artikel delen we 7 handige en gratis tools die je vandaag nog kunt inzetten. Ook als je geen techneut of webontwikkelaar bent.
1. WAVE (Web Accessibility Evaluation Tool)
Website: https://wave.webaim.org
Een geweldige (visuele) tool die je webpagina analyseert op toegankelijkheidsproblemen. Bijvoorbeeld ontbrekende alt-teksten, contrastproblemen en onjuiste headingstructuren. Kan confronterend zijn de eerste keer dat je deze toepast 😉 Maar geeft je ook meteen de inzichten om direct verbeteringen door te voeren.
2. Axe DevTools
Website: https://www.deque.com/axe/devtools/
Een browserextensie van Deque die directe feedback geeft op je HTML en ARIA-implementatie. Beschikbaar voor Chrome en Firefox.
3. Lighthouse (Google)
Website: Ingebouwd in Chrome DevTools
Met deze open-source tool van Google kun je je website scannen op performance, SEO én toegankelijkheid. Ideaal tijdens ontwikkeling of bij het testen. Je kunt zowel testen hoe je website reageert op smartphone als op laptop/pc.
Via de link Page Speed Google kom je op dezelfde plek uit. Een handige tool om een totaalbeeld van je website te krijgen
4. Accessibility Insights
Website: https://accessibilityinsights.io
Een gratis tool van Microsoft die uitgebreide tests uitvoert op je website en je stap voor stap begeleidt bij het oplossen van problemen. Je kunt direct een extensie voor Chrome of Firefox downloaden en starten. Lijkt op wave, die ik gebruiksvriendelijker vind, maar dat is natuurlijk persoonlijk.
5. Color Contrast Analyzer
Website: https://www.tpgi.com/color-contrast-checker/
Test of de kleurcombinaties op je website voldoen aan de WCAG-contrastvereisten. Beschikbaar als desktopapp en webtool.
6. NVDA – NonVisual Desktop Access (windows)
Website: https://www.nvaccess.org
Geweldig initiatief van de makers. Een gratis schermlezer voor Windows. Op die manier kun je testen hoe blinde gebruikers je website ervaren. Je download de software op je pc om daarna te gaan testen. De software is gratis, maar een donatie wordt zeer gewaardeerd.
Kort stukje ontstaansgeschiedenis omdat het zo persoonlijk is.
Michael Curran en James Teh ontmoetten elkaar als kinderen op een muziekkamp voor blinden. Hier ontdekten ze dat ze een sterke interesse in computers deelden. Enkele jaren later besloten ze hun krachten te bundelen om de toegankelijkheid van computers voor blinden en slechtzienden te verbeteren. . . lees hun hele verhaal)
7. VoiceOver (macOS/iOS)
Website: Voorgeïnstalleerd op Apple-apparaten
Een ingebouwde schermlezer waarmee je eenvoudig kunt testen of je website navigeerbaar is met spraak en toetsenbord. Een simpel stappenplan kun je hier bekijken.
Met een beetje inspanning en zonder kosten je website toegankelijker maken
Met deze gratis tools heb je een krachtig arsenaal in handen om je website toegankelijker te maken voor iedereen. Begin klein, test regelmatig en verbeter stapsgewijs.
Toegankelijkheid is een proces – geen eindbestemming. Door vandaag te beginnen, maak je het web echt een stukje inclusiever.