Gids 06 · 7 minuten
Hoe maak ik mijn website toegankelijk?
Het korte antwoord
Begin met zes dingen: genoeg contrast, een zichtbare rand die laat zien waar je met het toetsenbord bent, koppen in de juiste volgorde, echte labels bij formuliervelden, alt-teksten bij foto's die iets betekenen en klikvlakken van minstens 24 bij 24 pixels. Bij een nieuwe site kost dat niets extra. Bij een bestaande site is het meestal een middag werk.
Toegankelijkheid klinkt voor veel ondernemers als iets voor overheidssites, met een lijst van 78 punten erbij. In de praktijk gaat het over dingen waar iedereen weleens last van heeft en sommige mensen altijd.
Grijze tekst op wit die je in de zon niet kunt lezen. Een knop die je met een dikke duim mist. Een formulier dat rood kleurt zonder te zeggen wat er mis is. Als je dat repareert voor de mensen die het echt nodig hebben, wordt je site voor al je bezoekers beter, en daar gaat het eigenlijk om.
Wat de wet zegt en of het voor jou geldt
Sinds 28 juni 2025 geldt de Europese toegankelijkheidsakte, in Nederland ingevoerd als de Wet toegankelijkheid producten en diensten. Die verwijst voor websites naar de norm EN 301 549, die op zijn beurt neerkomt op WCAG niveau A en AA.
Wat in de bangmakerij vaak wegvalt: micro-ondernemingen die diensten aanbieden zijn uitgezonderd. Daaronder val je met minder dan tien medewerkers én een jaaromzet onder de twee miljoen euro. Voor een groot deel van de bedrijven waar ik voor werk geldt de plicht dus niet. Verkoop je producten in plaats van diensten, of ben je groter, dan geldt hij wel, en dan moet je er serieus werk van maken.
Ik ben geen jurist en dit is geen juridisch advies. Ik weet wel dat de norm zelf redelijk is en dat het meeste bij nieuwbouw niets extra kost. En met "we zijn uitgezonderd" kom je weinig verder bij een klant die je site niet kan gebruiken. Een bestaande site heeft trouwens respijt zolang er niet grondig verbouwd wordt. Dat respijt vervalt zodra je iets nieuws laat bouwen.
De cijfers die je kunt nameten
Een groot deel van toegankelijkheid bestaat uit getallen die je kunt nameten. Deze vier kun je zelf controleren.
- Contrast van normale tekst
- minstens 4,5 : 1
- Gemeten tegen de achtergrond waar de tekst op staat. Grote tekst (24 pixels en groter) mag op 3 : 1. Je kunt het gratis online meten met de kleurcodes van je site.
- Contrast van knopranden en pictogrammen
- minstens 3 : 1
- Een lichtgrijze rand om een wit invoerveld haalt dit vrijwel nooit, en dan zie je niet waar je moet klikken.
- Klikvlak
- minstens 24 × 24 pixels
- Of kleiner, als er genoeg ruimte omheen zit. Deze eis is nieuw in WCAG 2.2 en de meeste sites vallen erop.
- Zichtbare focusrand
- 2 pixels dik, 3 : 1 contrast
- De rand die verschijnt als je met Tab door de pagina gaat. Hij wordt vaak weggehaald omdat hij 'lelijk' is, en daarmee is de site met een toetsenbord niet meer te gebruiken.
Zelf testen, zonder gereedschap
- 01
Leg je muis weg
Doorloop je hele site met alleen de Tab-toets, Enter en de pijltjestoetsen. Kun je het menu openen, een dienst vinden en het formulier versturen, en zie je steeds waar je bent? Lukt dat niet, dan repareer je dat als eerste.
- 02
Zet je zoom op 200%
Met Ctrl of Cmd en de plustoets. De tekst hoort zich te herschikken. Valt er iets weg of schuift tekst over elkaar, dan klopt de opbouw niet. Een deel van je bezoekers kijkt altijd zo.
- 03
Zet de kleuren uit
Print een pagina in grijstinten, of maak een schermafdruk en haal de kleur eruit. Snap je alles nog? Een veld dat alleen met rood aangeeft dat er iets mis is, zegt in grijstinten niets.
- 04
Laat de tekst voorlezen
Op een Mac met VoiceOver, op Windows met Verteller. Allebei zitten ze er standaard op. Het voelt even ongemakkelijk, maar je hoort meteen waar het misgaat: koppen in de verkeerde volgorde en zes links die allemaal 'lees meer' heten zijn zo niet te volgen.
Let op
Waarom een toegankelijkheidswidget niet helpt
Er zijn hulpstukjes die je met één regel code op je site zet en die beloven hem toegankelijk te maken, meestal een zwevend poppetje met schuifjes voor contrast en lettergrootte. Ze werken niet. De onderliggende code blijft zoals hij was, schermlezers hebben er eerder last van, en in de Verenigde Staten zijn bedrijven die erop vertrouwden toch aangeklaagd.
Wat wel werkt is saaier: de opbouw van de site goed doen, met echte koppen, knoppen en labels en genoeg contrast. Dat werk zit in de site zelf en geen abonnement neemt het van je over.
Zelf doen
Wat je vandaag zelf kunt afwerken
Vink af wat je hebt gedaan. Er wordt niets bewaard, bij een volgend bezoek staat de lijst weer leeg. Dat is een keuze: iets opslaan in je browser om een vinkje te onthouden staat slecht op een site die uitlegt waarom je zo weinig mogelijk van je bezoekers wilt weten.
0 / 6
Of je laat het doen
Website laten maken in Capelle aan den IJssel
Voordat ik aan een site begin, loop ik dit punt voor punt na. Je krijgt op papier wat er mis is, wat het kost om te repareren en wat je kunt laten zitten.
doorlooptijd 2 tot 5 weken · vaste prijs vooraf
Vragen
Wat mensen hier nog over vragen
Staat je vraag er niet bij? Mail me, dan schrijf ik hem erbij. Binnen één werkdag antwoord. Meestal dezelfde dag.
Dat hangt af van de grootte van je bedrijf en wat je verkoopt. Sinds 28 juni 2025 geldt de Europese toegankelijkheidsakte, met een uitzondering voor micro-ondernemingen die diensten aanbieden: minder dan tien medewerkers én minder dan twee miljoen euro omzet. Verkoop je producten, of ben je groter, dan geldt de plicht wel. Dit is geen juridisch advies, dus vraag bij twijfel een jurist.
WCAG is een internationale richtlijn voor toegankelijke websites, met drie niveaus: A, AA en AAA. De Europese wet verwijst naar A en AA. De huidige versie is WCAG 2.2, die negen nieuwe eisen toevoegde, waaronder een minimale klikvlakgrootte van 24 bij 24 pixels en eisen aan de zichtbaarheid van de focus.
Bij nieuwbouw vrijwel niet. Het zit in hoe je bouwt: echte koppen in de juiste volgorde, labels bij velden, genoeg contrast. Een goede bouwer doet dat toch al. Achteraf repareren is wel duurder, en bij een site uit een zware paginabouwer lukt het soms helemaal niet.
Nee. Een zwevend knopje met schuifjes voor contrast en lettergrootte laat de onderliggende code zoals hij is en zit hulpsoftware vaak in de weg. In de Verenigde Staten zijn bedrijven die erop vertrouwden toch aangeklaagd. Wat er mis is, los je in de site zelf op.
Waar dit op gebaseerd is
Volgende stap
Zullen we eens kijken waar bij jou de uren weglekken?
Een gesprek van drie kwartier, bij jou op locatie. Je krijgt sowieso een lijstje mee met wat ik zou aanpakken, of je nu met mij verder gaat of niet.
Binnen één werkdag antwoord. Meestal dezelfde dag. · Je spreekt Kaz, niet een callcenter.