Menno Jager

Toegankelijkheid Checklist

Een praktische checklist om de toegankelijkheid van je website te verbeteren.

Waarom deze checklist?

Vanaf 28 juni 2025 gaat de European Accessibility Act (EAA) van kracht. Deze wet verplicht alle e-commerce websites om toegankelijk te zijn voor mensen met een beperking.

Hier zit echter ook een grote kans voor jouw website. Uit onderzoek blijkt dat webshops veel omzet mislopen wanneer ze geen toegankelijke websites hebben.

Door deze checklist te volgen, maak je je website toegankelijker voor mensen met verschillende beperkingen, waaronder visuele, auditieve, motorische en cognitieve beperkingen.

Basis niveau

  • Alternatieve tekst voor afbeeldingen

    Zorg dat alle informatieve afbeeldingen een beschrijvende alternatieve tekst hebben. Dit helpt mensen die de afbeeldingen niet kunnen zien, zoals blinde gebruikers die een schermlezer gebruiken.

    Hoe te controleren:

    1. Beweeg met je muis over afbeeldingen om te zien of er een beschrijving verschijnt
    2. Vraag aan je web developer om de alt-teksten te controleren in de code

  • Kleurcontrast

    Zorg voor voldoende contrast tussen tekst en achtergrond. Dit helpt mensen met een visuele beperking, zoals kleurenblindheid of slechtziendheid, om de tekst beter te kunnen lezen.

    Hoe te controleren:

    1. Gebruik een online contrastchecker zoals WebAIM Contrast Checker
    2. Bekijk je website in grijstinten om te zien of alles nog leesbaar is

  • Toetsenbordnavigatie

    Zorg dat alle functionaliteit beschikbaar is via het toetsenbord. Dit is essentieel voor mensen die geen muis kunnen gebruiken, zoals gebruikers met motorische beperkingen.

    Hoe te controleren:

    1. Navigeer door je website met alleen de Tab-toets
    2. Controleer of je alle links en knoppen kunt activeren met Enter
    3. Controleer of je kunt zien waar de focus is (er zou een duidelijke focusindicator moeten zijn)

Gevorderd niveau

  • Kopstructuur

    Gebruik koppen (H1, H2, H3, etc.) in de juiste hiërarchie. Dit helpt gebruikers van schermlezers om de structuur van de pagina te begrijpen en snel naar specifieke secties te navigeren.

    Hoe te controleren:

    1. Gebruik een browser-extensie zoals HeadingsMap om de kopstructuur te visualiseren
    2. Controleer of er maar één H1 per pagina is
    3. Controleer of koppen in de juiste volgorde worden gebruikt (H1, dan H2, dan H3, etc.)

  • Formulierlabels

    Zorg dat alle formuliervelden een duidelijk label hebben. Dit helpt alle gebruikers, maar vooral mensen die schermlezers gebruiken, om te begrijpen wat er in elk veld moet worden ingevuld.

    Hoe te controleren:

    1. Controleer of elk formulierveld een zichtbaar label heeft
    2. Controleer of het label duidelijk beschrijft wat er in het veld moet worden ingevuld
    3. Vraag je web developer om te controleren of de labels correct zijn gekoppeld aan de velden in de code

  • Responsief ontwerp

    Zorg dat je website goed werkt op verschillende apparaten en schermformaten. Dit is belangrijk voor alle gebruikers, maar vooral voor mensen die hun scherm moeten vergroten of specifieke apparaten gebruiken.

    Hoe te controleren:

    1. Bekijk je website op verschillende apparaten (desktop, tablet, mobiel)
    2. Gebruik de responsieve weergave in de ontwikkelaarshulpmiddelen van je browser
    3. Controleer of alle content leesbaar is en alle functionaliteit werkt bij verschillende schermformaten

Expert niveau

  • ARIA-attributen

    ARIA (Accessible Rich Internet Applications) attributen kunnen worden gebruikt om de toegankelijkheid van complexe webcomponenten te verbeteren. Dit is een technisch onderwerp dat meestal door ontwikkelaars wordt geïmplementeerd.

    Wat te doen:

    1. Vraag je web developer om ARIA-attributen correct te implementeren voor complexe componenten zoals tabbladen, accordeons en dialoogvensters
    2. Laat een toegankelijkheidsexpert je website testen met een schermlezer

  • Toetsenbordvallen

    Een toetsenbordval is een situatie waarin een gebruiker die met het toetsenbord navigeert, vast komt te zitten in een bepaald element en niet verder kan navigeren. Dit moet worden vermeden.

    Hoe te controleren:

    1. Navigeer door je hele website met alleen het toetsenbord
    2. Controleer of je overal kunt komen en nergens vast komt te zitten
    3. Let vooral op bij modale dialoogvensters, dropdown menu's en andere interactieve elementen

  • Toegankelijkheidsverklaring

    Een toegankelijkheidsverklaring is een document waarin je uitlegt hoe toegankelijk je website is, welke maatregelen je hebt genomen en welke problemen er mogelijk nog zijn.

    Wat te doen:

    1. Laat een toegankelijkheidsaudit uitvoeren door een expert
    2. Stel een toegankelijkheidsverklaring op basis van de resultaten
    3. Publiceer de verklaring op je website en werk deze regelmatig bij

Hulpmiddelen en bronnen

  • WebAIM Contrast Checker: Een tool om het contrast tussen tekst en achtergrond te controleren.
  • WAVE Web Accessibility Evaluation Tool: Een browser-extensie die toegankelijkheidsproblemen op je website kan identificeren.
  • Axe DevTools: Een browser-extensie voor ontwikkelaars om toegankelijkheidsproblemen te identificeren en op te lossen.
  • Digitoegankelijk.nl: De officiële Nederlandse website over digitale toegankelijkheid met informatie over wetgeving en richtlijnen.

Hulp nodig?

Als je hulp nodig hebt bij het verbeteren van de toegankelijkheid van je website, neem dan contact met mij op. Ik kan een toegankelijkheidsaudit uitvoeren en concrete aanbevelingen doen om je website toegankelijker te maken.

Neem contact op