Toegankelijkheid op je website: wat is het en waar begin je?
Je website staat online, ziet er goed uit en werkt prima op je eigen laptop. Maar heb je er weleens bij stilgestaan of iedereen jouw website even gemakkelijk kan gebruiken? Dat is precies waar webtoegankelijkheid, of accessibility, over gaat.
Wat is webtoegankelijkheid?
Webtoegankelijkheid betekent dat je website bruikbaar is voor zoveel mogelijk mensen, ook voor mensen met een visuele, auditieve, motorische of cognitieve beperking. Denk aan iemand die een schermlezer gebruikt omdat ze slechtziend zijn, of iemand die door een beperkte handfunctie geen muis kan bedienen en alles via het toetsenbord navigeert.
De internationale standaard hiervoor is de WCAG (Web Content Accessibility Guidelines). Die richtlijnen zijn opgedeeld in drie niveaus: A, AA en AAA. Voor de meeste websites is niveau AA een goed en realistisch doel.
Waarom is het belangrijk?
De meest voor de hand liggende reden is simpelweg dat het eerlijk is. Ongeveer 1 op de 6 mensen wereldwijd heeft een of andere vorm van beperking. Als jouw website voor hen niet werkt, sluit je een groot deel van je potentiële klanten buiten.
Maar er zijn meer redenen:
- SEO-voordeel: Veel toegankelijkheidsverbeteringen, zoals goede koppen, alt-teksten bij afbeeldingen en duidelijke linkstructuren, helpen ook zoekmachines je site beter te begrijpen. Een toegankelijke site is vaak ook een beter vindbare site.
- Juridische verplichtingen: Voor overheidsinstanties en grote bedrijven is digitale toegankelijkheid in Nederland al wettelijk verplicht. Voor zzp'ers en kleine bedrijven is dat nu nog niet het geval, maar de verwachting is dat regelgeving zich verder uitbreidt.
- Betere gebruikerservaring voor iedereen: Ondertitels op video's helpen niet alleen dove gebruikers, maar ook mensen die in een stille omgeving kijken. Goed kleurcontrast helpt mensen met kleurenblindheid, maar maakt tekst ook op een zonnig terras leesbaarder.
Waar begin je?
Toegankelijkheid volledig implementeren kan een groot project zijn, maar je hoeft niet alles tegelijk te doen. Begin met de basiszaken die het meeste impact hebben:
1. Gebruik duidelijke koppen
Zorg dat je pagina's een logische koppenstructuur hebben: één H1 per pagina, gevolgd door H2's en H3's. Schermlezers gebruiken deze structuur om door een pagina te navigeren, net zoals jij een inhoudsopgave gebruikt.
2. Voeg alt-teksten toe aan afbeeldingen
Elke afbeelding met inhoudelijke betekenis heeft een beschrijvende alt-tekst nodig. Is een afbeelding puur decoratief? Dan kun je de alt-tekst leeg laten (alt=""), zodat schermlezers hem overslaan.
3. Controleer je kleurcontrast
Er zijn gratis tools zoals de WebAIM Contrast Checker waarmee je kunt controleren of de verhouding tussen je tekstkleur en achtergrondkleur voldoende is. Het vereiste contrast voor normale tekst is minimaal 4,5:1 op AA-niveau.
4. Zorg dat alles werkt via het toetsenbord
Navigeer eens door je website met alleen de Tab-toets. Kun je alle links, knoppen en formulieren bereiken? Zie je duidelijk welk element actief is? Als dat niet zo is, is er werk aan de winkel.
5. Test met een automatische tool
Tools zoals axe DevTools (browserextensie) of Google Lighthouse geven je snel een overzicht van de meest voorkomende problemen op je pagina. Ze dekken niet alles, maar zijn een uitstekend startpunt.
Een continue verbetering
Toegankelijkheid is geen vakje dat je eenmalig aanvinkt. Het is iets dat je meeneemt in elke nieuwe pagina, elk nieuw component en elke inhoudelijke update. Als je net begint met je website, iets waar we eerder al over schreven, is het slim om vanaf dag één rekening te houden met deze principes. Het kost dan veel minder moeite dan het achteraf aanpassen van een hele website.
Wil je weten hoe jouw website er nu voor staat op het gebied van toegankelijkheid? Neem gerust contact op voor een vrijblijvende check.