Toegankelijk ontwerp: waarom je oma (en je conversie) je dankbaar zullen zijn

Laten we de pleister er meteen af trekken: design is geen ‘pretty picture’ wedstrijd. Als ervaren rot, en big believer in functioneel ontwerp, zie ik te vaak designs die vooral willen glimmen en opvallen voor de socials. Wel vaak heel aantrekkelijke visual candy, ik kan daar ook wel jaloers op zijn… Maar de realiteit? Die is diverser, rommeliger en vooral: lucratiever dan je denkt.

De mythe dat toegankelijkheid (accessibility) je ontwerp ‘lelijk’ maakt, is de grootste onzin sinds de komst van crocs met sokken. ‘Mooi’ is waardeloos als het onbruikbaar is. Sterker nog, door 15% tot 20% van de wereldbevolking met een beperking uit te sluiten, laat je simpelweg een gigantische zak geld op tafel liggen. Toegankelijk ontwerp is geen beperking; het is simpelweg robuust en functioneel ontwerp dat je conversie door het dak jaagt.

De ‘Olifant in de Kamer’: De EAA 2025

De European Accessibility Act (EAA) 2025 komt eraan en nee, je kunt je niet meer verstoppen achter een hippe stagiair of een ‘we doen het later wel’ mindset. Sinds 2025 is digitale toegankelijkheid een harde wettelijke eis.

Wie moeten er nu echt aan geloven?

• Overheidsinstanties en gesubsidieerde clubs (die voor meer dan 50% aan het infuus van de staat hangen).
• Organisaties onder overheidsbestuur en hun directe leveranciers.
• Aanbieders van essentiële diensten aan consumenten.

De “Get Out of Jail Free” kaart (met kleine lettertjes):

Onevenredige last: Organisaties kunnen een uitzondering aanvragen als de aanpassingen een te zware (financiële) last vormen, maar dit moet zeer goed onderbouwd worden.

Micro-ondernemingen: Minder dan 10 werknemers én een omzet onder de 2 miljoen euro.

Puur B2B: Producten die de consumentenmarkt nooit raken.

Je gebruiker? Dat ben jezelf (en iedereen)

Digitale toegankelijkheid wordt vaak ten onrechte gezien als iets dat uitsluitend bedoeld is voor mensen met een permanente handicap, terwijl het in werkelijkheid de bruikbaarheid voor iedereen verbetert. Inclusive design houdt namelijk niet alleen rekening met permanente medische beperkingen, maar ook met tijdelijke en situationele uitdagingen. Een digitaal product dat makkelijk met één hand te bedienen is, helpt bijvoorbeeld niet alleen iemand die fysiek een arm mist, maar is net zo goed onmisbaar voor iemand met een tijdelijk gebroken arm of een ouder die op dat moment een baby vasthoudt. Daarnaast ervaart vrijwel iedereen weleens situationele beperkingen, zoals de noodzaak voor een hoog kleurcontrast bij het aflezen van een telefoonscherm in fel zonlicht, of het aanzetten van ondertiteling in de trein omdat men geen oortjes bij zich heeft. Dit fenomeen, waarbij het wegnemen van barrières voor een specifieke doelgroep uiteindelijk resulteert in een aangenamere, veiligere en efficiëntere ervaring voor de voltallige bevolking, staat bekend als het ‘curb-cut effect’.

Kleur: De strijd tussen RGB, CMYK en Contrast

Kleur is de ziel van je merk, maar zonder contrast is het slechts ruis. Begrijp de basis: RGB (Rood, Groen, Bla

uw) is je additieve model voor schermen (licht), terwijl CMYK je subtractieve model is voor print (inkt). De uitdaging ontstaat wanneer je die twee werelden moet matchen zonder de leesbaarheid op te offeren.

Een hippe lichtgrijze tekst op een witte achtergrond is geen design-keuze, het is visuele marteling. Als de gebruiker moet turen, ben je hem kwijt. Gebruik deze tools om je ratio’s te fixen:

• WebAIM Contrast Checker: De absolute basis voor elke web-flow.
• Tanaguru Contrast Finder: Voor als je een alternatief zoekt dat wél voldoet.
• Contrast app (macOS): Een snelle tool direct in je toolbar. Geen excuses meer.Mobile First? White Space is je beste vriend

Op een mobiel scherm is je ‘real estate’ beperkt, maar dat betekent niet dat je alles moet dichtstouwen. Integendeel. De proporties, layout en het gebruik van white space bepalen of je interface een plezier is om te gebruiken of een frustrerende ‘clutter’ bende.

Harde cijfers voor je grid:

• Margin: Houd minimaal 15px aan beide zijden aan.
• Top Navigatie: Mik op een hoogte van 44-56 px.
• Dikke-vingers-vriendelijk: Geef je content ademruimte. Verhoog je line heights en element spacing. White space helpt de pagina ‘ademen’ en voorkomt dat mensen per ongeluk op het verkeerde klikken.

De interactie-check: Functionaliteiten die een sleepbeweging (dragging) vereisen, moeten áltijd een fallback hebben. Zorg dat alles ook bedienbaar is met een simpele klik of tik. Niet iedereen heeft de motoriek voor complexe drag-interacties; houd het inclusief.

Consistentie: De UX-lijm

Consistentie is de reden dat een gebruiker niet in paniek raakt op je derde subpagina. We splitsen dit in twee smaken:

1. Visuele Consistentie: Gebruik een uniform kleurenpalet, vaste typografie (stijl, grootte, gewicht) en een strak grid-systeem.
2. Functionele Consistentie: Interacties moeten voorspelbaar zijn. Een knop moet zich overal gedragen als een knop.

De Conversie-Killer: Formulierwaanzin Stop met het pesten van je gebruikers door ze herhaaldelijk dezelfde data te laten invoeren. Dit is waar je conversie sterft.

Een gebruiker moet bij elke stap van een formulier opnieuw zijn naam, e-mail en adres invullen, terwijl hij al ingelogd is of dit in stap 1 al heeft gedaan. Resultaat: Afhakers.

Gegevens die al bekend zijn, worden automatisch ingevuld in de volgende stappen. Dit bespaart tijd en vermindert de kans op fouten aanzienlijk. Resultaat: Conversie.

De ‘Helper’ Tech

Tijd voor een reality check: niet iedereen ziet je design zoals jij het ziet. Assistive technologies zijn de bril waardoor een groot deel van je publiek kijkt. Met deze ingrepen kan je vandaag al aan de slag.

• Closed Captioning: Voortaan altijd doen. Ondertiteling is er niet alleen voor slechthorenden, maar ook voor die student in een overvolle, stille trein die jouw video-content wil consumeren zonder oortjes.
• Screen Readers (Adobe & Chrome): Software zoals ChromeVox leest je teksten voor. Pro-tip: Gebruik NaturalReader in Chrome om je eigen teksten te controleren. In Adobe Reader kun je zelfs de stem aanpassen en de Words Per Minute (WPM) snelheid finetunen. Dit is niet alleen voor blinden; het is een geweldige tool voor multitasking.
• Screen Magnifiers: Native ingebouwd in je browser. Gebruikers vergroten je content extreem. Blijft je layout dan staan of stort je kaartenhuis in elkaar?
• Google Lighthouse: biedt een gedetailleerd rapport dat aangeeft hoe goed een website voldoet aan de WCAG-normen, en biedt aanbevelingen voor verbetering.
• Switch Controls: Voor mensen die geen muis of touch kunnen gebruiken. Jouw navigatiestructuur moet logisch zijn voor deze sequentiële bediening. Met enkel Tab en Enter moet je overal heen kunnen.

Vergeet je digitale documenten niet: maak ook je PDF’s toegankelijk

Inclusief ontwerp stopt niet bij webpagina’s, ook PDF-documenten moeten toegankelijk en gebruiksvriendelijk zijn voor iedereen. Denk aan duidelijke structuur met correcte koppen, voldoende kleurcontrast, leesbare typografie en logisch opgebouwde inhoud. Voorzie alternatieve teksten bij afbeeldingen, zorg dat het document navigeerbaar is met een toetsenbord en dat schermlezers de inhoud correct kunnen interpreteren. Toegankelijke PDF’s zijn essentieel voor gebruikers met visuele of motorische beperkingen én dragen bij aan een betere algemene gebruikservaring.

Conclusie: Jouw nieuwe superpower

Toegankelijkheid is geen saai vinkje op een checklist van de juridische afdeling. Het is een mindset die leidt tot robuustere, logischere en simpelweg betere producten voor iedereen. Van de power-user die multitaskt met een screen reader tot je oma die haar eerste online bestelling doet.

Zie inclusief design als je nieuwe superpower. Je bent nu de strategist die niet alleen ‘mooie dingetjes’ maakt, maar producten bouwt die écht werken voor de hele wereld.

En nu… actie! Ga die contrasten checken, je weet dat je het wilt.

Wil je dit in de praktijk zien? Bekijk onze webinar

Theorie is mooi, maar zien is geloven. In onze webinar “Digitale toegankelijkheid in print & web” gaan we verder in op de basisprincipes van inclusive design: van structuur en betekenisvolle beelden tot kleur, contrast en wat dit voor jouw dagelijkse designpraktijk betekent.

Je kan de webinar intussen herbekijken, bekijk hem hieronder en ga meteen aan de slag.