Praktische Gids voor Webtoegankelijkheid
Toegankelijkheid betekent zorgen voor een web dat bruikbaar is voor iedereen: mensen met een beperking, senioren, mobiele gebruikers, trage verbindingen, gebroken arm, lawaaierige omgevingen, enz.
Waarom toegankelijkheid?
Als we ontwerpen voor een beperking, lossen we problemen op die iedereen tegenkomt
Stoepafscheidingen hebben steden gerevolutioneerd voor rolstoelen, maar ook voor alle voetgangers met koffers, kinderwagens of fietsen.
Een verbetering voor sommigen komt iedereen ten goede. Dit concept, ontstaan uit toegangshellingen op straat, is perfect van toepassing op het web.
Typisch voorbeeld van een stoepafscheiding
♿ Stoepafscheidingen
Ontworpen voor : Rolstoelgebruikers
Ook nuttig voor : Ouders met kinderwagens, fietsers, bezorgers met steekwagens, mensen met rolkoffers, skateboards, scooters, ouderen
🎬 Video-ondertiteling
Ontworpen voor : Dove of slechthorende mensen
Ook nuttig voor : Video's kijken in de metro, een vreemde taal leren, een conferentie volgen in een lawaaierige omgeving, moeilijke accenten begrijpen
⌨️ Toetsenbordnavigatie
Ontworpen voor : Mensen die geen muis kunnen gebruiken
Ook nuttig voor : Ontwikkelaars die sneltoetsen gebruiken, gebruikers met kapotte muis, powergebruikers die toetsenbord verkiezen, mensen met arm in gips
📱 Spraakbediening smartphone
Ontworpen voor : Blinde mensen en mensen met motorische beperkingen
Ook nuttig voor : Berichten versturen tijdens het rijden, sporten met koptelefoon, handen bezig met gereedschap, afstandsbediening, multitasken op kantoor
🪥 Elektrische tandenborstel
Ontworpen voor : Mensen met beperkte mobiliteit of artritis (1954)
Ook nuttig voor : Beter poetsen voor iedereen, aanbevolen door tandartsen, kinderen die leren, vermoeide mensen, bewezen superieure efficiëntie
🎧 Audioboeken
Ontworpen voor : Blinde mensen (1932, American Foundation for the Blind)
Ook nuttig voor : Bestuurders, joggers, multitaskers, dyslectici, kinderen die leren lezen, €1,3 miljard omzet in 2020
Toegankelijkheid is geen beperking, het is innovatie in vermomming.
Gratis tools om toegankelijkheid te testen
Deze tools helpen je toegankelijkheidsproblemen te identificeren en op te lossen:
WAVE
Browserextensie die toegankelijkheidsfouten direct op je pagina visualiseert
axe DevTools
Ontwikkelaarsextensie geïntegreerd in DevTools, zeer nauwkeurig en gedetailleerd
Lighthouse
Audit geïntegreerd in Chrome DevTools, bevat een algemene toegankelijkheidsscore
MDN Toegankelijkheid
Volledige referentiedocumentatie over webtoegankelijkheid
Colour Contrast Analyser
Gratis applicatie om kleurcontrasten te testen volgens WCAG
Accessibility Insights
Microsoft suite van tools voor diepgaande handmatige en geautomatiseerde tests
Accessible Game Jam
InteractiefTest je kennis van webtoegankelijkheid interactief! Een spel om te leren terwijl je plezier hebt.
Veelgebruikte schermlezers
De meest gebruikte schermlezers begrijpen om je interfaces beter te testen:
JAWS
WindowsProfessionele schermlezer, historische marktleider
VoiceOver
macOS/iOSSchermlezer ingebouwd in alle Apple-apparaten
TalkBack
AndroidStandaard schermlezer op Android
🧪 Hoe te testen met een schermlezer
- Sluit je ogen of schakel het scherm uit
- Navigeer alleen met toetsenbord (Tab, pijltjes, Enter, Spatie)
- Luister aandachtig naar wat wordt aangekondigd
- Controleer of alles begrijpelijk is zonder het scherm te zien
Opmerking : 15 minuten testen met een schermlezer is meer waard dan uren geautomatiseerde controle.
Snelle navigatie
Gebruik het zijbalkmenu of deze snelkoppelingen om voorbeelden te verkennen: