5 veelvoorkomende toegankelijkheidsproblemen (en hoe je ze oplost)

De meeste toegankelijkheidsproblemen die we tegenkomen zijn niet ingewikkeld op te lossen — ze worden alleen makkelijk over het hoofd gezien. Dit zijn de vijf problemen die het vaakst terugkomen in onze scans, en hoe je ze verhelpt.

1. Onvoldoende kleurcontrast

Lichtgrijze tekst op een witte achtergrond oogt vaak modern, maar is voor veel mensen moeilijk te lezen — niet alleen voor mensen met een visuele beperking, maar ook op een telefoon in de zon. WCAG vraagt om een contrastverhouding van minimaal 4,5:1 voor normale tekst. Lees meer hierover in ons artikel over kleurcontrast.

2. Afbeeldingen zonder alt-tekst

Een afbeelding zonder alt-tekst is voor een schermlezer onzichtbaar — of wordt voorgelezen als de complete bestandsnaam. Elke informatieve afbeelding heeft een korte, beschrijvende alt-tekst nodig. In onze gids over alt-teksten leggen we precies uit hoe.

3. Formuliervelden zonder label

Een placeholder is geen label: hij verdwijnt zodra iemand begint te typen, en wordt niet door elke schermlezer voorgelezen. Elk invoerveld heeft een gekoppeld, zichtbaar label nodig.

<input type="email" placeholder="E-mailadres">

<label for="email">E-mailadres</label>
<input id="email" type="email">

4. Niet bedienbaar met het toetsenbord

Knoppen die zijn gebouwd met een <div> in plaats van een <button> zien er visueel prima uit, maar zijn vaak niet met de Tab-toets te bereiken en niet met Enter te activeren. Gebruik native interactieve elementen (<button>, <a href>) waar mogelijk — je krijgt toetsenbordondersteuning dan automatisch mee.

5. Onduidelijke koppenstructuur

Schermlezergebruikers navigeren vaak via koppen, net zoals sommige bezoekers een pagina scannen op vetgedrukte titels. Sla geen koppenniveaus over (van een H2 direct naar een H4) en gebruik maar één H1 per pagina. Een logische structuur helpt iedereen sneller de juiste informatie te vinden.

De meeste van deze problemen kosten enkele minuten om op te lossen — de uitdaging is vaak alleen om ze te vínden.

Wil je weten welke van deze problemen op jouw website voorkomen? Onze accessibility scan brengt ze in kaart, met uitleg en concrete verbeterstappen.