Digitale toegankelijkheid voor websites: de basisregels

Wat is digitale toegankelijkheid?

Digitale toegankelijkheid betekent dat websites, apps en digitale documenten bruikbaar zijn voor iedereen — ook voor mensen met een beperking. Denk aan mensen die blind of slechtziend zijn, doof of slechthorend, motorisch beperkt, of een cognitieve beperking hebben. In Nederland heeft naar schatting 1 op de 5 mensen een vorm van beperking. Een toegankelijke website is daarom geen luxe, maar een noodzaak.

De internationale standaard voor digitale toegankelijkheid heet WCAG (Web Content Accessibility Guidelines). In dit artikel leggen we de basisregels uit en geven we praktische tips om je website toegankelijker te maken.

Waarom is digitale toegankelijkheid belangrijk?

Er zijn meerdere redenen om te investeren in een toegankelijke website:

• Inclusie: Iedereen verdient gelijke toegang tot informatie en diensten, ongeacht een beperking.
• Wetgeving: De European Accessibility Act (EAA) verplicht bedrijven en overheden om hun digitale diensten toegankelijk te maken.
• Bereik: Een toegankelijke website bereikt meer mensen. Dat is niet alleen ethisch juist, maar ook commercieel slim.
• SEO: Veel toegankelijkheidsmaatregelen — zoals goede koppenstructuur en alt-teksten — verbeteren ook je vindbaarheid in zoekmachines.
• Gebruiksvriendelijkheid: Wat goed is voor gebruikers met een beperking, is vaak goed voor álle gebruikers.

De vier WCAG-principes

De WCAG-richtlijnen zijn opgebouwd rond vier principes, samengevat als POUR:

1. Perceivable (Waarneembaar)

Informatie en interface-elementen moeten op een manier gepresenteerd worden die gebruikers kunnen waarnemen. Dat betekent:

• Bied tekstalternatieven voor niet-tekstuele content (afbeeldingen, video’s)
• Bied ondertiteling voor audio en video
• Zorg dat content op verschillende manieren gepresenteerd kan worden zonder verlies van informatie
• Maak het voor gebruikers makkelijker om content te zien en te horen

2. Operable (Bedienbaar)

De interface moet bedienbaar zijn voor alle gebruikers:

• Alle functionaliteit moet bereikbaar zijn via het toetsenbord
• Gebruikers moeten genoeg tijd krijgen om content te lezen en te gebruiken
• Vermijd content die epileptische aanvallen kan veroorzaken (knipperende elementen)
• Help gebruikers bij het navigeren en vinden van content

3. Understandable (Begrijpelijk)

Informatie en bediening moeten begrijpelijk zijn:

• Maak tekst leesbaar en begrijpelijk
• Zorg dat webpagina’s op voorspelbare manieren werken
• Help gebruikers fouten te voorkomen en te corrigeren (bijv. bij formulieren)

4. Robust (Robuust)

Content moet robuust genoeg zijn om betrouwbaar geïnterpreteerd te worden door diverse hulptechnologieën:

• Gebruik valide HTML
• Zorg dat componenten een naam, rol en waarde hebben die programmatisch bepaalbaar zijn

Praktische tips voor een toegankelijke website

Alt-teksten voor afbeeldingen

Elke afbeelding op je website moet een alt-tekst hebben: een korte beschrijving van wat er op de afbeelding te zien is. Schermlezers — software die blinden en slechtzienden gebruiken — lezen deze alt-tekst voor. Zonder alt-tekst is de afbeelding onzichtbaar voor deze gebruikers.

Lees ons uitgebreide artikel over het schrijven van goede alt-teksten voor praktische tips en voorbeelden.

Kleurcontrast

Tekst moet voldoende contrast hebben met de achtergrond. De WCAG-norm vereist een contrastverhouding van minimaal 4,5:1 voor normale tekst en 3:1 voor grote tekst. Je kunt dit testen met gratis online tools zoals de WebAIM Contrast Checker.

Belangrijk: gebruik kleur nooit als enige manier om informatie over te brengen. “Velden in rood zijn verplicht” werkt niet voor kleurenblinde gebruikers. Voeg ook een tekstuele aanduiding toe, zoals een asterisk (*).

Toetsenbordnavigatie

Niet iedereen kan een muis gebruiken. Mensen met motorische beperkingen navigeren vaak met het toetsenbord, via de Tab-toets. Zorg dat:

• Alle interactieve elementen (links, knoppen, formuliervelden) bereikbaar zijn via Tab
• De focusvolgorde logisch is (van boven naar beneden, van links naar rechts)
• Er een zichtbare focusindicator is (een rand of markering rond het actieve element)
• Er geen “toetsenbordvallen” zijn (situaties waarin je met Tab ergens terechtkomt waar je niet meer weg kunt)

Formulieren

Formulieren zijn een veelvoorkomende bron van toegankelijkheidsproblemen. Zorg voor:

• Labels: Elk formulierveld heeft een zichtbaar label dat programmatisch gekoppeld is
• Foutmeldingen: Duidelijke, beschrijvende foutmeldingen die aangeven wat er mis is en hoe je het oplost
• Verplichte velden: Markeer verplichte velden duidelijk (niet alleen met kleur)
• Instructies: Geef duidelijke instructies bij complexe velden

Koppenstructuur

Gebruik koppen (H1 t/m H6) in een logische hiërarchie. Begin met één H1, gevolgd door H2’s voor hoofdsecties, H3’s voor subsecties, enzovoort. Sla geen niveaus over (ga niet van H2 naar H4). Schermlezers gebruiken de koppenstructuur om door de pagina te navigeren.

Ondertiteling en audiodescriptie

Video’s moeten ondertiteld zijn voor dove en slechthorende gebruikers. Voor blinde gebruikers is audiodescriptie belangrijk: een gesproken beschrijving van wat er visueel gebeurt. Dit geldt ook voor embedded video’s van YouTube of Vimeo.

Leesbare teksten

Toegankelijkheid gaat ook over begrijpelijkheid. Schrijf in heldere, eenvoudige taal. Vermijd jargon. Gebruik korte zinnen. Dit helpt niet alleen mensen met een cognitieve beperking, maar alle bezoekers. Lees meer over hoe blinden en slechtzienden je teksten lezen.

De European Accessibility Act (EAA)

Vanaf 28 juni 2025 is de European Accessibility Act van kracht. Deze Europese wet verplicht bedrijven om hun producten en diensten digitaal toegankelijk te maken. Dit geldt onder meer voor:

• Webshops en e-commerceplatforms
• Bankdiensten en betaalautomaten
• E-boeken en e-readers
• Vervoersdiensten (reis-apps, ticketautomaten)
• Telecommunicatie

Overheidssites moesten al langer voldoen aan de WCAG-normen. Met de EAA wordt dit uitgebreid naar de private sector. Bedrijven die niet voldoen, riskeren boetes en juridische stappen.

Toegankelijkheid testen

Er zijn verschillende manieren om de toegankelijkheid van je website te testen:

• Automatische tools: WAVE, axe, Lighthouse (in Chrome) scannen je site op veelvoorkomende problemen
• Handmatig testen: Navigeer door je site met alleen het toetsenbord. Kun je alles bereiken?
• Schermlezer testen: Gebruik een schermlezer (zoals VoiceOver op Mac of NVDA op Windows) om te horen hoe je site klinkt
• Gebruikersonderzoek: Laat mensen met een beperking je site testen — zij zien problemen die tools missen

Toegankelijkheid is een doorlopend proces

Digitale toegankelijkheid is geen eenmalig project. Elke nieuwe pagina, elk nieuw formulier, elke update kan nieuwe toegankelijkheidsproblemen introduceren. Maak toegankelijkheid daarom onderdeel van je standaard werkproces. Train je team, test regelmatig en blijf op de hoogte van de WCAG-richtlijnen.