Veelgemaakte fouten in webtoegankelijkheid (en hoe je ze vermijdt)

Webtoegankelijkheid gaat over de vraag of iedereen je website echt kan gebruiken, ook mensen die slecht zien, niet met een muis werken of een schermlezer gebruiken. Ben je dat uit het oog verloren, dan sluit je bezoekers uit, en uitgesloten bezoekers worden nooit klant. In dit artikel lees je de meestgemaakte fouten, waarom ze je omzet raken, en hoe je ze oplost. Goed nieuws: de grootste winst zit in een paar basisfouten die je vandaag nog kunt aanpakken.

Wat is webtoegankelijkheid precies?

Webtoegankelijkheid betekent dat je site bruikbaar is voor zoveel mogelijk mensen, ongeacht hun beperking of het apparaat waarmee ze surfen. Het wereldwijde referentiekader is WCAG (Web Content Accessibility Guidelines) van het W3C, gebouwd op vier principes die je makkelijk onthoudt met het letterwoord POUR: waarneembaar, bedienbaar, begrijpelijk en robuust.

In de praktijk komt het hierop neer: kan iemand die geen kleur ziet je knoppen onderscheiden? Kan iemand zonder muis je formulier invullen? Begrijpt een schermlezer wat er op je pagina staat? Vaak is het antwoord nee, en bijna nooit met opzet.

Waarom kost een ontoegankelijke site je klanten?

Heel simpel: wie je site niet kan gebruiken, koopt niet, vult geen formulier in en neemt geen contact op. De drempel die je opwerpt is voor die bezoeker een muur.

En het gaat niet om een handvol mensen. Het jaarlijkse WebAIM Million-onderzoek analyseert de homepagina’s van een miljoen websites en vond in de meest recente editie op 95,9 procent ervan detecteerbare WCAG-fouten, gemiddeld zo’n 56 per pagina. Dit zijn geen exotische randgevallen. Dit is de norm.

Bij ons draait alles om die ene vraag: levert je website klanten op? Een mooie site die een deel van je bezoekers buitensluit, lekt conversieratio die je nooit ziet in je rapporten, want die mensen haken stil af. Dat is precies waarom toegankelijkheid thuishoort in elk serieus traject rond website-development en niet als bijzaak achteraf.

Eerlijk gezegd: toegankelijkheid is bijna altijd gewoon goede UX voor iederéén. Beter contrast helpt ook de bezoeker in de felle zon. Duidelijke knoptekst helpt ook wie haast heeft. Je verbetert de ervaring breed, niet alleen voor een nichegroep.

Welke fouten kom je het vaakst tegen?

De meeste problemen zitten niet in geavanceerde techniek, maar in basics die er bij de bouw zijn ingeslopen. Dit zijn de klassiekers.

Ontbrekende alt-teksten op afbeeldingen

Alt-tekst is een stukje HTML dat beschrijft wat een afbeelding voorstelt. Een schermlezer leest die tekst voor aan iemand die de afbeelding niet ziet. Ontbreekt de alt-tekst, dan leest de schermlezer vaak gewoon de bestandsnaam voor, en bij een grafiek of infographic is dat waardeloos.

Let op het verschil tussen leeg en ontbrekend. Bij een puur decoratieve afbeelding hoort een lege alt-tekst (alt=""), die de schermlezer netjes overslaat. Bij een informatieve afbeelding hoort een beschrijvende alt-tekst. Bonus: die alt-teksten helpen ook je SEO.

Te zwak kleurcontrast

Probeer maar eens witte tekst op een gele achtergrond te lezen. Voor veel mensen voelt elke pagina met te weinig contrast zo. Lichtgrijze tekst op wit, een merkkleur als knoptekst op een net iets te lichte knop: het ziet er strak uit in het ontwerp, maar wordt onleesbaar voor een deel van je bezoekers.

WCAG geeft hier harde richtcijfers. Normale tekst heeft een contrastverhouding van minstens 4,5 op 1 nodig, grote tekst minstens 3 op 1. Met de gratis Contrast Checker van WebAIM controleer je dat in een minuut. Kijk vooral kritisch naar je knoppen en formulieren, want dat is precies waar conversie gebeurt.

Niet te bedienen met het toetsenbord

Niet iedereen gebruikt een muis. Veel mensen navigeren met de tab- en spatietoets, soms via hulpsoftware. Kun jij je hele site doorlopen en elk formulier invullen met enkel het toetsenbord? Bij complexere sites lukt dat vaak niet, omdat menu’s, pop-ups of zelfgebouwde knoppen geen focus krijgen.

Twee snelle verbeteringen: zorg dat alles wat je kunt aanklikken ook met tab bereikbaar is met een zichtbare focusrand, en voeg een “spring naar inhoud”-link toe bovenaan de pagina. Zo hoeft een toetsenbordgebruiker niet bij elke nieuwe pagina door je hele menu te tabben.

Formuliervelden zonder label

Je hebt vrijwel zeker minstens één formulier, al was het maar op je contactpagina. Maar heeft elk veld een echt label? Placeholder-tekst (de grijze tekst die verdwijnt zodra je typt) telt niet, want schermlezers slaan die vaak over en het contrast is meestal te zwak.

Gebruik een zichtbaar label gekoppeld aan elk veld via het <label>-element. Dan weet iedereen, mens én schermlezer, wat er in elk veld hoort. Formulieren zijn je conversiemotor, dus hier mag niets vrijblijvends aan zijn. Meer daarover lees je in onze gids over de landingspagina.

Vage linkteksten en onleesbare tabellen

“Klik hier” zegt niets, niet voor een bezoeker met een schermlezer en niet voor Google. Een schermlezer leest soms alle links los van hun context voor, en een lijst vol “klik hier” en kale URL’s is dan onbruikbaar. Schrijf linktekst die beschrijft waar je terechtkomt.

Datatabellen zijn een ander struikelblok. Schermlezers lezen tabellen vaak in de verkeerde volgorde voor. Houd tabellen simpel en gebruik correcte koppen (<th> met scope) zodat de structuur duidelijk blijft. Twijfel je of die tabel echt een tabel moet zijn? Dan is hij dat meestal niet.

Wat betekent de European Accessibility Act voor jou?

Sinds 28 juni 2025 is de European Accessibility Act (EAA) van toepassing. Die Europese regelgeving verplicht veel bedrijven om hun producten en digitale diensten toegankelijk te maken, zeker wie online diensten of e-commerce richting consumenten aanbiedt. In de praktijk wordt daarbij verwezen naar de WCAG-normen die we hierboven bespraken.

We geven hier geen juridisch advies, en niet elke organisatie valt onder dezelfde verplichtingen. Maar de richting is duidelijk: toegankelijkheid verschuift van “nice to have” naar “verwacht”. Laat een specialist nakijken of en hoe de EAA op jouw situatie van toepassing is. De goede zaak is dat je, door bovenstaande fouten aan te pakken, sowieso de juiste kant op beweegt.

Hoe pak je dit concreet aan?

Je hoeft niet alles in één keer perfect te maken. Werk in deze volgorde en je boekt snel zichtbare winst:

1. Doe een snelle handmatige check. Navigeer je eigen site met enkel het toetsenbord en zet je schermhelderheid laag. Je voelt de pijnpunten meteen.
2. Pak het laaghangend fruit. Voeg alt-teksten toe, fix het contrast op knoppen en koppel labels aan formuliervelden. Dit zijn vaak de grootste winsten voor de kleinste moeite.
3. Test met echte tools. De WCAG-richtlijnen van het W3C en gratis tools zoals de WebAIM Contrast Checker geven je objectieve feedback.
4. Verbind het met je doelen. Toegankelijkheid die niet leidt tot meer bruikbare pagina’s en meer conversie is half werk. Combineer het met je werk rond conversie verhogen en je technische basis zoals Core Web Vitals.

Behandel het niet als een eenmalige opkuis. Elke nieuwe pagina of campagne kan nieuwe drempels introduceren, dus neem deze checklist standaard mee.

Veelgestelde vragen

Is webtoegankelijkheid alleen voor mensen met een beperking? Nee. Het helpt iedereen: bezoekers in fel zonlicht, mensen met een trage verbinding, wie haast heeft of op een klein scherm surft. Het is gewoon goede UX.

Wat is het verschil tussen WCAG en de European Accessibility Act? WCAG is de technische richtlijn (het “hoe”). De European Accessibility Act is Europese regelgeving die bepaalt welke organisaties toegankelijk moeten zijn (het “wie en waarom”), en verwijst in de praktijk naar WCAG-normen.

Welke fout moet ik als eerste aanpakken? Begin met de drie basics: alt-teksten, kleurcontrast en toetsenbordbediening. Daar zit de meeste impact voor de minste inspanning.

Helpt toegankelijkheid ook mijn SEO? Ja. Alt-teksten, duidelijke linkteksten en nette HTML-structuur maken je site leesbaarder voor zowel schermlezers als zoekmachines.

Moet ik mijn hele site herbouwen om toegankelijk te zijn? Meestal niet. De meeste fouten zijn gerichte aanpassingen aan bestaande pagina’s. Een volledige herbouw is enkel nodig als de fundering technisch echt rammelt.

Klaar om je site voor iedereen te laten werken?

Toegankelijkheid is geen vinkoefening, maar de simpelste manier om bezoekers die je nu stil verliest alsnog om te zetten in klanten. Wij zijn een klein team, dus we bewegen snel en kijken altijd verder dan het ontwerp: we vragen wat het je oplevert. Plan je gratis intake