:strip_icc():strip_exif()/u/83500/lfsmall.jpg?f=community)
Ik ontving vandaag de email "Tweakers Developers Summit - Voorkeur datum", die ziet er zo uit:
/f/image/nh1baZpNdXFqpjX8a9V5DlZY.png?f=fotoalbum_large)
De tekstgrootte is slechts 10px met een lichtgrijze kleur (#757575) op een witte achtergrond, met een lage regelhoogte (100%). Ik vind dat behoorlijk lastig leesbaar.
Als ik dit invoer in https://accessibleweb.com/color-contrast-checker/ dan krijgt dit weliswaar een pass voor de WCAG AA-richtlijn, maar hierbij wordt uitgegaan van een grotere tekstgrootte.
De combinatie van deze kleur met de kleine tekstgrootte en ook lage regelhoogte, is dit gewoon moeilijk leesbaar voor iemand met wat minder perfect zicht.
Kortom: ik zou willen aanraden om in dit emailtemplate op z'n minst de tekstgrootte wat groter te zetten, bijvoorbeeld naar 14px, en eventueel ook de tekst donkerder te maken, bijvoorbeeld gewoon zwart (#000000) en de regelhoogte naar 1.4.
Het resultaat is dan alsvolgt:
/f/image/jB9SPKgWLTXevDAuEG74mIu1.png?f=fotoalbum_large)
Beter toch?
Dankjewel alvast!
:fill(white):strip_exif()/f/image/nh1baZpNdXFqpjX8a9V5DlZY.png?f=user_large)
De tekstgrootte is slechts 10px met een lichtgrijze kleur (#757575) op een witte achtergrond, met een lage regelhoogte (100%). Ik vind dat behoorlijk lastig leesbaar.
Als ik dit invoer in https://accessibleweb.com/color-contrast-checker/ dan krijgt dit weliswaar een pass voor de WCAG AA-richtlijn, maar hierbij wordt uitgegaan van een grotere tekstgrootte.
De combinatie van deze kleur met de kleine tekstgrootte en ook lage regelhoogte, is dit gewoon moeilijk leesbaar voor iemand met wat minder perfect zicht.
Kortom: ik zou willen aanraden om in dit emailtemplate op z'n minst de tekstgrootte wat groter te zetten, bijvoorbeeld naar 14px, en eventueel ook de tekst donkerder te maken, bijvoorbeeld gewoon zwart (#000000) en de regelhoogte naar 1.4.
Het resultaat is dan alsvolgt:
:fill(white):strip_exif()/f/image/jB9SPKgWLTXevDAuEG74mIu1.png?f=user_large)
Beter toch?
Dankjewel alvast!
/u/74211/crop5db297afbbd2b_cropped.png?f=community)
:strip_icc():strip_exif()/u/43400/avatar.jpeg?f=community){kind=avatar}
:fill(white):strip_exif()/f/image/FcBag1U8fOv3BBOJtWkaYdjo.png?f=user_large)