Wat is digitale toegankelijkheid en hoe beïnvloedt design dat?

Digitale toegankelijkheid betekent dat iedereen je website kan gebruiken, ongeacht een visuele, motorische, cognitieve of auditieve beperking. Design speelt daarin een centrale rol: kleurcontrast, typografie, navigatiestructuur en interactieve elementen bepalen direct of een website voor iedereen bruikbaar is of juist drempels opwerpt. In dit artikel beantwoorden we de meest gestelde vragen over toegankelijk webdesign, van de WCAG-richtlijnen tot het verschil met inclusief design.

Wie heeft baat bij digitaal toegankelijk design?

Iedereen heeft baat bij digitaal toegankelijk design, maar voor mensen met een beperking is het vaak het verschil tussen meedoen of buitengesloten worden. In Nederland hebben naar schatting 4,5 miljoen mensen een functiebeperking die hun internetgebruik beïnvloedt. Dat is geen kleine randgroep, maar een significant deel van je potentiële bezoekers.

Belangrijk om te begrijpen is dat beperkingen niet altijd permanent zijn. Een gebroken pols, een zonnige dag waardoor je scherm nauwelijks leesbaar is, of een druk café waar je geen geluid kunt afspelen: dit zijn allemaal situaties waarin toegankelijkheidsoplossingen het verschil maken. Ondertiteling op video’s Deze link opent in een nieuw tabblad helpt niet alleen dove gebruikers, maar ook iedereen die in de stiltecoupé zit. Toetsenbordnavigatie is niet alleen handig voor mensen met een motorische beperking, maar ook als je muis het ineens begeeft.

Digitale toegankelijkheid is ook zakelijk relevant. Mensen met een beperking zijn vaker aangewezen op digitale kanalen, juist omdat fysieke alternatieven voor hen moeilijker toegankelijk zijn. Sluit je hen uit met een ontoegankelijke website, dan verlies je niet alleen bezoekers, maar ook omzet. Bovendien blijkt uit onderzoek dat websites die toegankelijkheidsrichtlijnen volgen, gemiddeld hoger scoren in organische zoekresultaten, wat toegankelijkheid ook een SEO-argument maakt.

Welke designkeuzes maken een website ontoegankelijk?

Een website wordt ontoegankelijk door designkeuzes die visuele informatie niet vertalen naar alternatieve formaten, die navigatie bemoeilijken voor toetsenbordgebruikers, of die te veel vertrouwen op kleur als enig communicatiemiddel. De meeste problemen zijn geen bewuste keuzes, maar blinde vlekken in het ontwerpproces.

De meest voorkomende fouten zijn:

• Ontbrekende alt-teksten op afbeeldingen: Schermlezers lezen letterlijk “afbeelding.jpg” voor als er geen beschrijving is. Gebruikers die blind zijn, missen dan alle visuele informatie.
• Te weinig kleurcontrast: Op ruim 80% van de onderzochte homepages werd tekst met onvoldoende contrast aangetroffen. Dit is veruit het meest voorkomende toegankelijkheidsprobleem.
• Kleur als enig onderscheid: Een link die alleen door zijn kleur verschilt van gewone tekst, is onzichtbaar voor mensen met kleurenblindheid. Ruim 8% van de mannen heeft een vorm van kleurenblindheid.
• Tekst als afbeelding: Tekst die als plaatje is ingevoegd, kan niet worden voorgelezen, vergroot of aangepast door de gebruiker.
• Geen zichtbare focusindicator: Wie via de Tab-toets navigeert, verliest het overzicht als niet duidelijk is welk element actief is. Volgens WCAG-criterium 2.4.3 Deze link opent in een nieuw tabblad moet de focusvolgorde logisch en zichtbaar zijn.
• Formulieren zonder duidelijke labels: Foutmeldingen die alleen in rood worden weergegeven, zijn voor mensen met een visuele beperking niet te interpreteren.
• Inline CSS-styling: Sommige gebruikers passen via externe software de weergave aan. Dat werkt alleen goed als stijlen vanuit een externe stylesheet worden geladen, niet als inline stijlen alles overschrijven.

Al deze fouten zijn te voorkomen als toegankelijkheid al in het ontwerpproces wordt meegenomen, niet pas achteraf als een checklist. Bij Stuurlui bewaken onze designers daarom actief of een ontwerp aan de geldende webrichtlijnen voldoet, al in de ontwerpfase.

Wat zijn de WCAG-richtlijnen en hoe werken ze in de praktijk?

De WCAG (Web Content Accessibility Guidelines) zijn internationale richtlijnen van het World Wide Web Consortium (W3C) die beschrijven hoe je digitale content toegankelijk maakt. Ze zijn opgebouwd rond vier kernprincipes: content moet waarneembaar, bedienbaar, begrijpelijk en robuust zijn. In de praktijk zijn dit de standaard waaraan websites worden getoetst bij audits en juridische controles.

De richtlijnen zijn verdeeld in drie conformiteitsniveaus: A, AA en AAA. Niveau AA is het wettelijk vereiste niveau voor overheidsorganisaties en, sinds 28 juni 2025, ook voor veel commerciële partijen. Niveau AAA is niet wettelijk verplicht, maar verhoogt de toegankelijkheid verder. In totaal telt WCAG 2.1 op niveau AA vijftig succescriteria waaraan je website moet voldoen.

Wat betekent dat concreet? Een paar praktijkvoorbeelden van WCAG-criteria:

• Succescriterium 1.1.1: Elke afbeelding heeft een tekstalternatief (alt-tag).
• Succescriterium 1.4.3: Tekst heeft een contrastverhouding van minimaal 4,5:1 ten opzichte van de achtergrond.
• Succescriterium 2.1.1: Alle functionaliteit is bedienbaar via het toetsenbord.
• Succescriterium 3.3.1: Foutmeldingen in formulieren worden duidelijk en beschrijvend weergegeven.

Ondanks de duidelijke richtlijnen heeft de meerderheid van de Nederlandse webshops Deze link opent in een nieuw tabblad moeite om aan WCAG 2.1 AA te voldoen. De richtlijnen zijn er, maar ze worden pas echt effectief als ze al tijdens het ontwerp en de bouw worden toegepast, niet als een nabehandeling.

Hoe beïnvloedt kleurgebruik de toegankelijkheid van een website?

Kleurgebruik beïnvloedt toegankelijkheid op twee manieren: via kleurcontrast (de verhouding tussen tekst- en achtergrondkleur) en via het gebruik van kleur als enige informatiedrager. Beide kunnen een website onleesbaar of onbegrijpelijk maken voor een aanzienlijk deel van je bezoekers.

Kleurcontrast is meetbaar. Volgens de WCAG moet gewone tekst een contrastverhouding van minimaal 4,5:1 hebben. Voor grote tekst en UI-elementen zoals knoppen geldt een minimum van 3:1. Een witte achtergrond met lichtgrijze letters, populair in veel moderne designs, haalt die norm vaak niet. Dat klinkt abstract, maar het effect is concreet: tekst die moeilijk leesbaar is, zorgt voor hogere bouncerates en minder conversie.

Kleur als enig communicatiemiddel is een veelgemaakte fout. Een “goedkeuren” knop in groen en een “afwijzen” knop in rood zijn voor mensen met kleurenblindheid niet te onderscheiden als er geen tekst of icoon bij staat. De WCAG stelt duidelijk dat kleur nooit het enige visuele middel mag zijn om informatie over te brengen.

Er bestaan geen inherent toegankelijke of ontoegankelijke kleuren, alleen kleurencombinaties die wel of niet voldoende contrast bieden. Een gratis contrastchecker helpt je snel te controleren of je kleurenpalet voldoet aan de normen. Voor ontwerpers die in Figma of Sketch werken, zijn er plugins zoals Stark die dit direct in het ontwerpproces integreren.

Wat is het verschil tussen toegankelijkheid en inclusief design?

Digitale toegankelijkheid richt zich op het wegnemen van technische drempels voor mensen met een beperking, zodat een website bruikbaar is voor iedereen. Inclusief design gaat een stap verder: het begint al bij de start van het ontwerpproces met de volledige diversiteit aan gebruikers in gedachten, zonder dat achteraf aanpassingen nodig zijn.

Een toegankelijke website voldoet aan de WCAG-richtlijnen en is daarmee voor de meeste gebruikers met een beperking bruikbaar. Maar technische toegankelijkheid is niet hetzelfde als inclusie. In Nederland zijn er ruim 2,5 miljoen volwassenen met ernstige moeite met lezen en schrijven. Voor hen helpt een schermlezer niet als de tekst zelf al te complex is. Inclusief design houdt ook rekening met digitale vaardigheid, taalbeheersing en cognitieve belasting.

Het verschil zit in de mindset. Toegankelijkheid vraagt: “Kan iemand met een beperking onze website gebruiken?” Inclusief design vraagt: “Hebben we bij het ontwerpen aan iedereen gedacht?” Dat klinkt als een subtiel onderscheid, maar het leidt tot fundamenteel andere keuzes in structuur, taalgebruik en interactieontwerp. “Design for all” betekent dat je van meet af aan ontwerpt voor een breed spectrum aan gebruikers, niet voor een gemiddelde gebruiker met achteraf een paar aanpassingen.

Is een toegankelijke website verplicht in Nederland?

Ja, voor een groeiende groep organisaties is een toegankelijke website wettelijk verplicht in Nederland. Overheidsorganisaties zijn al sinds 2018 verplicht te voldoen aan WCAG 2.1 niveau AA. Sinds 28 juni 2025 geldt de European Accessibility Act (EAA) ook voor commerciële partijen die producten of diensten aanbieden aan consumenten in Europa.

De EAA treft onder andere e-commercebedrijven, financiële dienstverleners en elektronische communicatiediensten. Kleine ondernemingen met minder dan tien medewerkers en een jaaromzet onder de twee miljoen euro zijn vrijgesteld. Voor iedereen daarboven geldt de verplichting om te voldoen aan WCAG 2.1 niveau AA.

De handhaving is in handen van bestaande toezichthouders zoals de ACM en AFM. Organisaties die niet voldoen, lopen het risico op boetes, een last onder dwangsom of vorderingen van consumenten. Exacte boetebedragen zijn op dit moment nog niet officieel vastgesteld, maar de juridische risico’s zijn reëel.

Er is een overgangsregeling: diensten die vóór 28 juni 2025 al rechtmatig in gebruik waren, mogen tot 28 juni 2030 onaangepast blijven. Maar dat is een tijdelijk uitstel, geen vrijstelling. Wie nu een nieuwe website laat bouwen, doet er verstandig aan om toegankelijkheid direct mee te nemen in het ontwerp en de bouw. Dat is goedkoper dan achteraf aanpassen.

Hoe test je of een website voldoet aan toegankelijkheidseisen?

Je test de toegankelijkheid van een website met een combinatie van geautomatiseerde tools en handmatige controles. Automatische tools vinden snel een deel van de problemen, maar meer dan 80% van de verplichte toegankelijkheidseisen vereist menselijke beoordeling. Alleen op een tool vertrouwen is dus niet voldoende om aan de wet te voldoen.

Voor een eerste snelle check zijn er gratis tools beschikbaar:

• Google Lighthouse: Ingebouwd in Chrome, geeft een toegankelijkheidsscore en concrete verbeterpunten.
• Axe DevTools: Browserextensie voor Chrome en Firefox, populair bij ontwikkelaars.
• WAVE: Visuele overlay die toegankelijkheidsproblemen direct op de pagina markeert.
• ismijnsitetoegankelijk.nl: Nederlandse tool voor een eerste check met directe verbeteringstips.

Naast geautomatiseerde tools zijn handmatige tests onmisbaar. Navigeer door je website met alleen de Tab-toets en controleer of alle interactieve elementen bereikbaar en bedienbaar zijn. Test met een schermlezer zoals NVDA of VoiceOver. Gebruik een contrastchecker op knoppen en tekst. Voor ontwerpers in Figma of Sketch zijn er plugins zoals Stark die al tijdens het ontwerpen helpen met contrastcontrole en simulatie van kleurenblindheid.

Voor een officiële toetsing geldt de WCAG-EM methode Deze link opent in een nieuw tabblad van het W3C als standaard. Een professionele audit omvat gemiddeld twaalf tot achttien pagina’s die worden getoetst op vijftig criteria door een specialist. Het resultaat is een uitgebreid rapport en een toegankelijkheidsverklaring die drie jaar geldig is. Overheidsorganisaties zijn verplicht deze verklaring te publiceren en jaarlijks bij te werken.

Het slimste moment om te testen is al tijdens de bouw, niet erna. Een toegankelijkheidsprobleem dat in het ontwerp wordt opgelost, kost een fractie van wat het kost om het achteraf in de code te repareren.

Digitale toegankelijkheid is geen luxe of juridische verplichting alleen, het is een kwaliteitskenmerk van goed webdesign. Wil je weten hoe jouw website scoort op toegankelijkheid, of wil je een nieuwe website laten bouwen die van meet af aan voldoet aan de WCAG-richtlijnen? Bekijk onze aanpak voor een WordPress website laten maken en ontdek hoe we toegankelijkheid standaard meenemen in elk project.