De WCAG-richtlijnen (Web Content Accessibility Guidelines) zijn voor veel mensen inmiddels geen onbekend terrein meer. Overal op het internet vind je tips, tricks, tools en regels, maar het is vaak zo veel informatie dat het snel onoverzichtelijk kan worden. Herkenbaar, toch? Bij Spotler hebben we daarom de tijd genomen om alles samen te brengen in een blog. Dus in deze blog lees je wat e-mailtoegankelijkheid is, waarom het belangrijk is en hoe je jouw e-mails vandaag nog toegankelijk kunt maken!
Wat is e-mailtoegankelijkheid?
E-mailtoegankelijkheid betekent dat iedereen je e-mail kan lezen, gebruiken en er doorheen kan navigeren, ongeacht beperkingen of het gebruik van assistieve technologie. En dat is belangrijk, want in Europa heeft ongeveer 1 op de 4 mensen een beperking. Dit kan gaan om visuele beperkingen zoals kleurenblindheid of slechtziendheid, maar ook om motorische of cognitieve beperkingen.
Als je weet dat 25% van je ontvangers misschien extra moeite heeft om je e-mail te lezen, begrijp je meteen waarom je hier rekening mee moet houden. Het gaat hierbij niet alleen om tekst, maar ook om kleuren, lettertypen, afbeeldingen en de algehele indeling van je nieuwsbrief of campagne.
Waarom is het belangrijk?
Zijn je e-mails niet toegankelijk? Dan loop je mogelijk een flink deel van je doelgroep mis. Denk aan mensen met kleurenblindheid die bepaalde combinaties niet goed kunnen zien, of mensen met epilepsie die gevoelig zijn voor flikkerende beelden.
Door je e-mails wél toegankelijk te maken, zorg je dat je boodschap iedereen bereikt, zonder iemand uit te sluiten. En het laat zien waar je als merk voor staat: empathie, inclusiviteit en klantgerichtheid. Ook al doe je hier onderzoek naar vanwege wet- en regelgeving, het is vooral ook een kwestie van moraliteit. Het is simpelweg belangrijk om iedereen mee te nemen.
Wat zijn dan de best practices?
Zoals al eerder genoemd heeft het met van alles te maken. Hieronder een lijst met alle best practices:
- Houd rekening met visuele aspecten van toegankelijkheid in ontwerp
- Gebruik kleur op een slimme manier
- Zorg voor een balans tussen tekst en afbeeldingen
- Gebruik grotere lettergroottes
- Geef de tekst voldoende witruimte
- Vermijd uitgevulde tekst (geforceerde uitlijning)
- Kies het juiste lettertype
- Gebruik semantische elementen
- Verbeter de leesbaarheid
- Maak links goed aanklikbaar
- Vermijd linkteksten zoals ‘klik hier’
- Gebruik ALT-teksten op de juiste manier
Kleurgebruik in mailings
Een goede leesbaarheid begint bij voldoende kleurcontrast. Het contrast tussen tekst en achtergrond moet sterk genoeg zijn, zodat iedereen je e-mail goed kan lezen – ook mensen met een visuele beperking.
Volgens de WCAG-richtlijnen moet het contrast minstens 4.5:1 zijn voor gewone tekst en 3:1 voor grote tekst (18px of groter). Zo zorg je ervoor dat je boodschap voor iedereen zichtbaar is. Als je niet zeker weet of je aan deze eisen voldoet, kun je onze contrasttool gebruiken om het te controleren.
Een praktisch voorbeeld: De drie afbeeldingen hieronder zijn getest met onze merkkleuren. De linker (wit op lichtblauw) is vrij moeilijk te onderscheiden: 2,52:1. In de afbeelding rechts is het contrast tussen tekst en achtergrond hoger en is de tekst beter leesbaar: 5,8:1. Dat maakt een wereld van verschil. Natuurlijk zorgt een donkere achtergrond voor een beter contrast, zoals de afbeelding rechts: 14,6:1.
Tekst en leesbaarheid
Naast kleur speelt tekst een cruciale rol in je e-mail. Niet alleen om je boodschap over te brengen aan de lezer, maar ook voor mensen die hulpmiddelen zoals schermlezers gebruiken.
Zorg dat je tekst duidelijk en makkelijk te begrijpen is. Belangrijke informatie moet direct opvallen. Dat doe je met duidelijke koppen, korte alinea’s en opsommingen.
Tip: vermijd lange tekstblokken. Deel je content op in korte zinnen en gebruik koppen zoals “Wat moet je weten” of “Zo profiteer je ervan” – zo houd je het overzichtelijk voor iedereen.
Let ook op je lettertype en -grootte.
De WCAG adviseert een minimum lettergrootte van 16px voor gewone tekst, zodat deze goed leesbaar is op elk scherm. Kies daarnaast voor een schoon, goed leesbaar lettertype zonder al te veel versieringen (zoals schreefloze fonts). Vermijd schuingedrukte of versierde tekst voor langere stukken, want die maken het moeilijker te lezen – zeker voor mensen met een visuele beperking of dyslexie.
Zo zorg je dat jouw e-mail voor iedereen toegankelijk én prettig leesbaar is.
Afbeeldingen en Alt-tekst
Afbeeldingen maken je e-mail vaak visueel aantrekkelijker. Maar voor mensen die een schermlezer gebruiken, zijn ze niet altijd vanzelfsprekend. Daarom is het belangrijk om alt-teksten toe te voegen: korte beschrijvingen die uitleggen wat het doel of de inhoud van een afbeelding is.
We onderscheiden vier soorten afbeeldingen:
- Tekst – Bevat een boodschap of oproep tot actie.
- Functioneel – Klikbare afbeeldingen, zoals knoppen of links.
- Informatief – Geeft extra informatie die niet in de hoofdtekst staat.
- Decoratief – Alleen voor de sfeer of visuele opmaak, zonder betekenisvolle inhoud.
Let op: gebruik liever geen tekst in afbeeldingen. Die is namelijk niet voor iedereen leesbaar.
Voor functionele en informatieve afbeeldingen is een duidelijke alt-tekst essentieel. Bij decoratieve afbeeldingen is dat niet nodig, hier volstaat alt=”” in de HTML-code.
Voorbeeld: Als je een productfoto toont en de afbeelding kan niet worden geladen, dan zorgt een duidelijke ALT-tekst ervoor dat de lezer toch begrijpt wat er wordt getoond:
Links en buttons
Linkjes in je e-mail moeten niet alleen klikbaar zijn, maar ook duidelijk, toegankelijk en begrijpelijk voor iedereen. Dat betekent:
- Gebruik beschrijvende linkteksten
Vermijd vage teksten als “klik hier”. Kies liever voor iets als “Bekijk de whitepaper” of “Meld je aan voor het webinar”. Zo weet de lezer – én een schermlezer – meteen waar de link naartoe leidt. - Maak de link visueel herkenbaar
Zorg dat je link eruitziet als een link. Bijvoorbeeld met een andere kleur én onderstreping. Alleen kleur is niet voldoende, want mensen met kleurenblindheid kunnen het verschil dan niet zien. - Let op kleurcontrast
De linkkleur moet genoeg contrast hebben met de achtergrond én de omliggende tekst. WCAG adviseert een contrast van minstens 4.5:1 voor gewone tekst. - Maak het klikbaar oppervlak groot genoeg
Zorg dat de link makkelijk aan te klikken is, ook op mobiel. Kleine linkjes of te weinig witruimte eromheen maken dat lastig.
Met deze tips maak je je e-mail niet alleen gebruiksvriendelijker, maar ook inclusiever. En dat is altijd winst.
Testen op toegankelijkheid
Als je eenmaal je e-mail hebt geoptimaliseerd, is het belangrijk om toegankelijkheidstests uit te voeren. Gebruik tools zoals WAVE, Axe of onze eigen tools om te controleren of alles voldoet aan de richtlijnen. Maar vergeet niet om je e-mail ook te testen met een schermlezer om er zeker van te zijn dat alle tekst goed wordt voorgelezen en de structuur logisch is.
Samenvattend
E-mailtoegankelijkheid gaat verder dan simpelweg een mooi design; het is een kwestie van inclusiviteit. Door rekening te houden met de WCAG-richtlijnen, maak je je e-mailcampagnes toegankelijk voor een breed publiek. Denk aan kleurcontrast, tekstgrootte, de toevoeging van alt-teksten voor afbeeldingen, en het verbeteren van de leesbaarheid van je tekst. Zo zorg je ervoor dat niemand buiten de boot valt, wat niet alleen klantgericht is, maar ook goed voor je merk is.
Dus, waar wacht je nog op? Maak vandaag nog je e-mails toegankelijk en geef iedereen de kans om jouw boodschap te lezen en erop te reageren. Succes met versturen!
