Je website zelf checken op toegankelijkheid in 7 stappen

Stand van zaken op 13 oktober 2026. De screenshots hebben we in Chrome gemaakt op de Engelse versie van onze website, daarom staan er Engelse teksten op. Het contrast hebben we gemeten met de Contrast Checker van WebAIM. De eisen hieronder gaan uit van WCAG 2.2 op niveau AA: de actuele versie van de richtlijnen van het W3C en de gebruikelijke maatstaf voor bedrijfswebsites.

De meeste drempels merk je niet zolang je je website gebruikt zoals altijd. Ze vallen pas op als je de muis wegschuift, inzoomt of je kleuren met een contrastchecker meet. Kies de drie pagina’s die voor je bedrijf het belangrijkst zijn. Meestal zijn dat de homepage, de pagina van je belangrijkste dienst of product en de pagina waar klanten boeken, betalen of contact opnemen. Loop daarna de stappen hieronder door.

Wat je nodig hebt

• een laptop of desktop met toetsenbord;
• een actuele browser (Chrome, Edge, Firefox of Safari);
• de online WebAIM Contrast Checker op webaim.org/resources/contrastchecker;
• een plek om op te schrijven wat je vindt.

Stap 1: leg de muis weg en druk op Tab

Klik in de adresbalk en druk op de Tab-toets. Elke keer dat je erop drukt, springt de toetsenbordfocus naar de volgende link, knop of het volgende veld. Met Shift + Tab ga je terug.

Op een goed gebouwde website verschijnt bij de eerste Tab een link als “Direct naar de inhoud”. Daarmee slaan mensen die met een toetsenbord of schermlezer werken het menu over dat op elke pagina terugkomt. WCAG vraagt om een manier om zulke herhaalde blokken over te slaan (succescriterium 2.4.1, niveau A). Op onze Engelse website heet de link “Skip to content”.

Otwórz w pełnym rozmiarze

Stap 2: zie je altijd waar je bent?

Druk steeds opnieuw op Tab. Elke link en elke knop moet een duidelijke rand, onderstreping of kleurverandering krijgen. Dat is de zichtbare focus (2.4.7, AA).

Otwórz w pełnym rozmiarze

Let onderweg op drie dingen:

• De rand verdwijnt nooit. Raak je kwijt waar je bent, dan is dat een fout.
• De volgorde is logisch. De focus volgt de leesvolgorde: van boven naar beneden, van links naar rechts.
• Niets dekt hem af. Een vaste kopbalk, cookiemelding of chatbubbel mag het onderdeel met focus niet helemaal bedekken. Dit criterium is nieuw in WCAG 2.2 (2.4.11, AA).

Stap 3: bedien menu’s en knoppen alleen met het toetsenbord

Alles wat met de muis kan, moet ook met het toetsenbord kunnen (2.1.1, niveau A). Probeer:

• uitklapmenu’s: Enter of de spatiebalk opent ze, Esc sluit ze;
• knoppen en links: Enter werkt als een klik;
• datumkiezers, schuifregelaars en keuzelijsten: met de pijltoetsen verander je de waarde;
• pop-ups en dialoogvensters: Esc of een sluitknop die je met het toetsenbord bereikt, sluit ze.

Otwórz w pełnym rozmiarze

Het ergste resultaat is een toetsenbordval: je komt met Tab in een onderdeel, vaak een ingebouwde boekingskalender of chat, en je komt er niet meer uit. WCAG sluit dat uitdrukkelijk uit (2.1.2, niveau A). Wie geen muis kan gebruiken, stopt op dat punt met boeken.

Stap 4: zoom in tot 200%

Druk op Ctrl en + (op een Mac Cmd en +) tot je browser 200% aangeeft. Tekst moet tot 200% te vergroten zijn zonder dat er inhoud of functies verloren gaan (1.4.4, AA).

Otwórz w pełnym rozmiarze

Controleer of:

• tekst naar de volgende regel gaat in plaats van over de rechterrand te lopen;
• je nooit opzij hoeft te scrollen om een zin te lezen;
• het menu nog opengaat;
• knoppen en velden niet over elkaar heen vallen.

Voor een strengere test zoom je in tot 400%. Het criterium Reflow (1.4.10, AA) vraagt dat inhoud werkt zonder in twee richtingen te scrollen bij een breedte van 320 CSS-pixels. Volgens het W3C komt dat overeen met een venster van 1280 pixels breed bij 400% zoom, ongeveer een gewoon laptopscherm.

Stap 5: heeft elk formulierveld een label?

Ga met Tab naar je contact-, boekings- of bestelformulier. Elk veld heeft een zichtbaar label nodig, zoals “Naam”, “E-mail” of “Bericht” (3.3.2, niveau A).

Otwórz w pełnym rozmiarze

Grijze voorbeeldtekst in het veld is geen label. Die verdwijnt zodra iemand begint te typen en een schermlezer leest hem niet altijd voor. Een snelle test: klik op de tekst van het label. Springt de cursor naar het veld, dan is het label goed aan het veld gekoppeld.

Stap 6: meet het kleurcontrast

WCAG stelt op niveau AA deze minimumwaarden:

Onderdeel	Minimaal contrast
gewone tekst	4,5:1
grote tekst (vanaf 18 pt, of 14 pt vet)	3:1
randen van invoervelden, iconen, toestanden van knoppen	3:1

De kleuren vind je in je huisstijlgids of met de kleurkiezer in de ontwikkelaarstools van je browser (F12). Vul in de WebAIM Contrast Checker de tekstkleur in bij Foreground en de achtergrondkleur bij Background.

Otwórz w pełnym rozmiarze

Onze lopende tekst haalt 16,77:1, ruim boven het minimum. Lichtgrijze tekst is een bekend zwak punt. Hier #9A9A9A op wit:

Otwórz w pełnym rozmiarze

Met 2,81:1 haalt dit grijs zelfs de drempel voor grote tekst niet. Let op lichtgrijs in de kleine lettertjes, in onderschriften bij foto’s, in voorbeeldtekst van formulieren en bij tekst op foto’s.

Stap 7: controleer beschrijvingen van afbeeldingen en linkteksten

Afbeeldingen die informatie geven, hebben een alternatieve tekst nodig die een schermlezer kan voorlezen (1.1.1, niveau A). Puur decoratieve afbeeldingen krijgen een lege beschrijving, zodat schermlezers ze overslaan.

Om één afbeelding te controleren, klik je er met de rechtermuisknop op en kies je in het menu de optie om het element te inspecteren. Zoek in de gemarkeerde code naar alt="…". Vraag je dan af of de beschrijving hetzelfde doet als de afbeelding:

• “afbeelding” of “IMG_2041.jpg” zegt niets;
• “Logo” bij een logo dat naar de homepage linkt, kun je beter schrijven als “[naam van je bedrijf], naar de homepage”;
• “Tweepersoonskamer met balkon en uitzicht op zee” in de fotogalerij van een B&B is nuttig;
• een ontbrekend alt-attribuut is een fout, en een schermlezer leest dan misschien de bestandsnaam voor.

Bij pagina’s met veel afbeeldingen helpt WAVE van WebAIM (wave.webaim.org). Die tool markeert afbeeldingen zonder alternatieve tekst als fout. Of een beschrijving klopt, kan WAVE niet beoordelen: dat blijft jouw werk.

Lees meteen ook je link- en knopteksten los van de rest. Wie een schermlezer gebruikt, loopt vaak door een lijst met alle links. Vijf links met “Lees meer” zeggen daar niets. WCAG vraagt dat het doel van een link blijkt uit de tekst of de context (2.4.4, niveau A). Ook knoppen met alleen een icoon, zoals een vergrootglas of een winkelmand, hebben een toegankelijke naam nodig.

Leg vast wat je vindt

Een eenvoudige tabel is genoeg:

Pagina	Stap	Probleem	Gevolg
Afrekenen	2. Focus	geen zichtbare rand op de knop “Betalen”	zonder muis kun je niet betalen
Contact	5. Labels	telefoonveld heeft alleen voorbeeldtekst	formulier lastiger in te vullen
Home	6. Contrast	grijs onderschrift met 2,8:1	slecht leesbaar

Los eerst op wat een aankoop, boeking of aanvraag blokkeert: toetsenbordvallen, ontbrekende labels en onzichtbare focus.

Deze check laat veel buiten beschouwing, zoals testen met een schermlezer, ondertiteling, foutmeldingen en tijdslimieten. Wil je een stap verder gaan? Zet op een Mac VoiceOver aan met Command + F5, of start op Windows de schermlezer Verteller met Windows-logotoets + Ctrl + Enter. Probeer daarna je contactformulier te versturen.

De wet in het kort

Sinds 28 juni 2025 moeten websites en apps waar consumenten iets kopen, afsluiten of reserveren toegankelijk zijn. De regels komen uit de Implementatiewet toegankelijkheidsvoorschriften en staan in het Burgerlijk Wetboek (artikel 6:230fa–fd). De ACM houdt toezicht, en consumenten kunnen daar een melding doen.

Micro-ondernemingen die diensten verlenen, zijn vrijgesteld: minder dan 10 werknemers en een jaaromzet of balanstotaal van hoogstens € 2 miljoen. Valt je dienst wel onder de regels, dan hoort er op je website en in je app een toegankelijkheidsverklaring te staan. Daarin leg je uit hoe je dienst aan de toegankelijkheidsregels voldoet.

De ACM verwijst nu naar WCAG 2.1 op niveau AA en schrijft dat WCAG 2.2 AA in de loop van 2026 de nieuwe standaard wordt. WCAG 2.2 bouwt voort op 2.1 en voegt nieuwe criteria toe, zoals 2.4.11 uit stap 2. Wat de regels voor een webshop betekenen, lees je bij European Accessibility Act voor je webshop. Of de wet voor jouw bedrijf geldt, bespreek je met je eigen adviseur. Deze gids is een technische handleiding, geen juridisch advies.

Hoe we je kunnen helpen

Bij onze toegankelijkheidscheck doorlopen we de belangrijkste routes van je klanten met toetsenbord, schermlezer, vergroting en in de modus voor hoog contrast. Je krijgt een rapport volgens WCAG met prioriteiten. Wat klanten tegenhoudt, lossen we op, en daarna testen we opnieuw. Je krijgt ook technische gegevens voor je toegankelijkheidsverklaring, geen juridisch advies. We werken op afstand voor bedrijven in Nederland.

Je krijgt een gratis offerte binnen 24 uur, ook in het weekend en op feestdagen. Daarna geldt een vaste prijs volgens offerte.

We spreken Pools, Engels, Oekraïens en Russisch. In het Nederlands antwoorden we schriftelijk.