Meer dan 300.000 Nederlanders zijn slechtziend of blind. Een toegankelijke website is dus geen extraatje, het bepaalt of een aanzienlijk deel van je publiek überhaupt kan lezen, navigeren en converteren. Toegankelijk ontwerp maakt bovendien je site sneller, duidelijker en SEO-vriendelijker voor iedereen.

Contrast is de basis

De WCAG-richtlijn schrijft minimaal een contrastratio van 4.5:1 voor bodytekst en 3:1 voor grote koppen. Lichtgrijze tekst op wit, hoe elegant ook, valt hier zelden onder. Kies donkere tinten (ink #0F172A of zwart) op een lichte achtergrond en test iedere combinatie met een tool als de WebAIM Contrast Checker.

Vermijd tekst over drukke afbeeldingen zonder overlay. Gebruik consistente kleurbetekenis: rood voor fouten, groen voor succes, nooit alleen kleur als informatie­drager.

Typografie die schaalt

Zet body­tekst op minimaal 16px, bij voorkeur 18px. Gebruik relatieve eenheden (rem) zodat gebruikers zelf kunnen inzoomen zonder dat de layout breekt. Kies een lettertype met open vormen en duidelijke onderscheid tussen letters als I, l en 1, Inter, Manrope en Atkinson Hyperlegible zijn uitstekende keuzes.

Regelhoogte van 1.5 en een maximum regelbreedte van ongeveer 70 tekens houden tekst leesbaar bij vergroting.

Navigatie voor toetsenbord en screenreader

Iedere interactieve element moet bereikbaar zijn met de Tab-toets, met een duidelijk zichtbare focusring. Gebruik semantische HTML (button, nav, main, h1-h6) zodat screenreaders de structuur begrijpen. Voeg alt-teksten toe aan elke betekenisvolle afbeelding en aria-labels aan iconen zonder tekst.

Test met echte gebruikers

Tools als Lighthouse en axe geven een goede eerste indicatie, maar vervangen geen gebruikers­test. Laat je website checken door iemand die dagelijks met een screenreader of vergrotings­software werkt, de inzichten zijn onbetaalbaar en vaak eenvoudig te verwerken.