Hoe zorg je dat tekst op een foto leesbaar blijft?
Tekst op een foto blijft leesbaar als je het contrast dwingt: met een overlay, een zachte schaduw of een gekleurd vlak achter je tekst.
Meet daarbij altijd het lichtste punt van je foto, niet het gemiddelde.
Daar gaat het namelijk mis.
De norm
Een verhouding van vier en een half op één voor gewone tekst, drie op één voor grote koppen. Dat is de toegankelijkheidsnorm.
Meer daarover lees je bij accessibility.
De drie manieren
Een overlay over de hele foto, een verloop achter je tekst, of een vlak in een kleur uit je huisstijl.
Meer daarover lees je bij waarvoor je een overlay gebruikt.
Wat niet werkt
Een dunne schaduw onder witte tekst. Die helpt op een donkere foto en doet niets op een lichte.
Meer daarover lees je bij hexcode.
Mijn vuistregels
- Meet op het lichtste punt achter je tekst.
- Overlay van minstens veertig procent bij witte tekst.
- Vergroot je tekst; groot mag lichter contrast hebben.
- Test op een telefoon in daglicht.
Die laatste is de strengste test die er is.
Op een telefoon
Daar wordt je foto anders bijgesneden. De donkere hoek waar je tekst op stond, kan zomaar buiten beeld vallen.
Meer daarover lees je bij hero.
Het alternatief
Tekst naast je foto in plaats van erover. Dat is altijd leesbaar en vaak rustiger.
Meer daarover lees je bij css.