Hoe maak je jouw e-mails toegankelijk voor iedereen?

Toegankelijkheid in e-mail: waarom is het belangrijk?

Veel mensen met een beperking hebben moeite met het gebruik van digitale tools zoals e-mail. Dit kan bijvoorbeeld komen door visuele beperkingen, gehoorverlies, motorische beperkingen of problemen met het begrijpen van teksten.

Volgens de Wereldgezondheidsorganisatie heeft meer dan één miljard mensen wereldwijd een beperking. Als je e-mails niet toegankelijk zijn, kan het zijn dat je geen rekening houdt met een groot deel van je doelgroep. En: een toegankelijke e-mail is daarnaast een beter leesbare en dus beter converterende e-mail.

Vanaf 28 juni 2025 is toegankelijkheid in e-mails verplicht, niet langer optioneel. De European Accessibility Act (EAA) stelt dat alle digitale producten en diensten, zoals e-mail, voor iedereen toegankelijk moeten zijn.

Lees hier meer over wat wij doen op het gebied van digitale toegankelijkheid. 

Praktische tips om jouw e-mails toegankelijk te maken

Met een paar simpele aanpassingen maak je jouw e-mails een stuk toegankelijker én gebruiksvriendelijker. Hier zijn zes tips die je direct kunt gebruiken:

1. Gebruik duidelijke koppen voor een logische opbouw
Net als op een webpagina is het belangrijk om hiërarchie aan je content toe te voegen. Met een duidelijke koppen- en tekststructuur onderscheidt je titels van lopende tekst. Gebruik <H1>-tags voor hoofdtitels, <H2>-tags voor subtitels en <P>-tags voor gewone tekst. Dit helpt zowel lezers als schermlezers om de opbouw van je e-mail snel te begrijpen.

2. Kies een goed leesbaar lettertype
Voor e-mails zijn goed leesbare fonts essentieel. Lettertypen zoals Arial, Calibri, Helvetica en Tahoma zijn het meest toegankelijk omdat ze geen schreven hebben. Dit maakt ze makkelijker te lezen op verschillende schermen.

In e-mail design kun je gebruikmaken van webfonts, zoals Google Fonts, om je nieuwsbrief een unieke uitstraling te geven. Niet alle e-mailclients ondersteunen echter externe lettertypen, waardoor je altijd een alternatief moet instellen dat op de meeste apparaten beschikbaar is. Dit wordt een fallback-font genoemd.

Fonts zoals Arial, Times New Roman en Verdana zijn standaard geïnstalleerd op de meeste besturingssystemen. Deze web-safe fonts worden correct weergegeven, ongeacht de e-mailclient of het apparaat van de ontvanger. Een compleet overzicht van web-safe fonts vind je op de website van W3Schools.

Door een goed gekozen fallback-font te gebruiken, blijft je e-mail leesbaar en consistent, zelfs als het gewenste webfont niet wordt geladen.

3. Gebruik voldoende contrast
Zorg bij het kleurgebruik van jouw tekst tot de achtergrond voor een contrastverhouding van minimaal 4.5:1.

Een tool zoals de WebAIM Contrast Checker kan hierbij helpen. Let ook op dat het contrast niet té sterk is. Zwart (#000000) op een witte achtergrond (#FFFFFF) kan vermoeiend zijn om te lezen, vooral voor mensen met gevoelige ogen of dyslexie. Kies liever een donkere grijstint. Dit biedt nog steeds genoeg contrast, maar is minder belastend voor de ogen.

4. Maak je tekst niet te klein
De ideale tekstgrootte voor een hoofdtekst is 16 tot 18 pixels. Dit zorgt voor een goede leesbaarheid. Hier zijn enkele richtlijnen:

Tekst: 16px – 18px
Subkoppen: 18px – 22px
Koppen: 22px – 28px (of groter, afhankelijk van hiërarchie)
Call-to-action (knoppen): 16px – 20px (duidelijk en klikbaar)
Nooit kleiner dan 12 pixels

5. Geef afbeeldingen Alt-teksten
Geef alle relevante afbeeldingen een duidelijke en beschrijvende alt-tekst, zodat screenreaders de inhoud kunnen overbrengen. Zonder alt-tekst blijft de boodschap niet alleen verborgen voor mensen die een screenreader gebruiken, maar ook wanneer een afbeelding niet wordt geladen. In dat geval wordt de alt-tekst getoond als vervanging.

6. Maak links beschrijvend
Gebruik duidelijke linkteksten zoals “Lees alles over WCAG in e-mail” in plaats van “Lees meer”. Dit helpt niet alleen mensen die een screenreader gebruiken, maar ook scannende lezers. Zij focussen zich vooral op titels, knoppen en links en begrijpen zo sneller waar een link naartoe leidt.

7. Lijn lange teksten links uit
Lijn lange teksten links uit om de leesbaarheid te verbeteren. Doordat elke regel op dezelfde plek begint, kan het oog makkelijker de volgende regel vinden. Dit vermindert leesvermoeidheid, vooral bij langere teksten.

8. Bied een text-only versie aan
Niet alle ontvangers kunnen HTML-mails goed openen, bijvoorbeeld door technische beperkingen of het gebruik van schermlezers. Daarom is het belangrijk om een text-only of plain text-versie van je nieuwsbrief beschikbaar te stellen.

Zorg ervoor dat deze niet slechts een korte samenvatting is, maar een volwaardige weergave van je HTML-versie, inclusief de belangrijkste boodschap en links. Veel e-mailmarketingtools, zoals Dotdigital, genereren met één klik een tekstversie van je e-mail. Ook AI kan hierbij ondersteunen door automatisch een goed leesbare en begrijpelijke variant te maken. Zo blijft je e-mail toegankelijk voor iedereen, ongeacht hun voorkeur of technische mogelijkheden.