Waar let je op voor een toegankelijke vormgeving?
Het ontwerp bepaalt hoe goed de tekst van je nieuwsbrief te lezen is. Houd daarom tijdens het vormgeven al rekening met de punten hieronder. Ze beperken je keuzes in het ontwerp iets, maar je kunt nog steeds een mooie en moderne nieuwsbrief maken.
Tekst goed leesbaar maken
De instellingen hieronder hangen met elkaar samen: een grote letter helpt bijvoorbeeld weinig als de regels te dicht op elkaar staan.
- Lettergrootte: voor veel mensen is minder dan 14px al lastig te lezen. Gebruik daarom minimaal 14px. Op mobiele schermen wordt tekst vaak nog kleiner weergegeven. Gebruik media queries om daar minimaal 16px te garanderen.
- Lettertype: dankzij webfonts heb je veel keuze, maar niet elk lettertype is even leesbaar. Kies een lettertype dat niet te veel op een schrijfletter lijkt en waarbij de ruimte tussen de letters niet te klein is. Let ook op het fallback-font, dat verschijnt als het e-mailprogramma van de ontvanger geen webfonts ondersteunt.
- Witruimte: houd de regelafstand minimaal 2px groter dan de gekozen lettergrootte en laat ruimte tussen de paragrafen. Afstand tussen de tekst en de randen van de e-mail, en tussen afbeeldingen en tekst, maakt je nieuwsbrief extra overzichtelijk.
- Uitlijning: lijn je tekst links uit. Dat leest het prettigst. Uitvullen (‘justified’) is gebruikelijk in drukwerk, maar op een scherm geeft de onregelmatige afstand tussen woorden een onrustig beeld.
Rekening houden met kleur, beeld en beweging
- Contrast: mensen die minder goed zien hebben baat bij een duidelijk onderscheid in kleuren, vooral tussen de tekst en de achtergrond. Let ook op je kleurcombinaties voor mensen die kleurenblind zijn.
- Aantal afbeeldingen: voor mensen met een visuele beperking zijn afbeeldingen minder geschikt. Je kunt natuurlijk wel afbeeldingen gebruiken, maar zorg voor een goede balans tussen tekst en beeld.
- Tekst in een afbeelding: tekst als afbeelding opnemen geeft je meer controle over het uiterlijk, maar een schermlezer kan die tekst niet voorlezen. Zet daarom alle tekst in je nieuwsbrief als gewone (platte) tekst.
- Knipperende inhoud: snel flitsende afbeeldingen of kleuren kunnen bij mensen die hier gevoelig voor zijn een toeval uitlokken. Gebruik die dus liever niet.
Knoppen en links om aan te tikken
Maak knoppen en links groot genoeg. Dat helpt mensen die hun muis of vingers niet heel precies kunnen bewegen, en op kleine schermen merkt iedere lezer het verschil. De tekst op zo’n knop is ook belangrijk: je leest daar meer over bij de teksten van links en knoppen.
Je ontwerp controleren
- Bekijk de nieuwsbrief zonder afbeeldingen en vergroot de inhoud door in te zoomen. Controleer of alles er dan nog steeds goed uitziet.
- Test met een online hulpmiddel of het kleurcontrast groot genoeg is, bijvoorbeeld via https://contrastchecker.com.
Lees ook hoe je bij de opbouw van de HTML-code rekening houdt met toegankelijkheid.