Bare det å måle om en tekst har tilstrekkelig kontrast over en bilde er svært vanskelig, da man må analysere hver eneste bokstav mot en helt varierende bakgrunn. Man kan f.eks få problemer med en eller deler av en bokstav.. Man kan flytte rundt på tekst for å finne bedre sted å plassere denne, men dette igjen gir ingen garantier for å lykkes på alle skjermflater. Det finnes ingen verktøy so vi kjenner til som kan gjøre en fullgod test av dette. I praksis blir det nesten en umulig øvelse., om man skal ta hensyn til alle skjermstørrelser etc etc.
Selve bildets egnethet har også mye å si. Finnes det egnede/rolige områder i bildet? Man kan også flytte rundt på selve bildet for å få egnede områder bak teksten, men det samme problemstillinger dukker opp på ulike skjermflater.
I det følgende kommer en del eksempler der ulike redaksjonelle verktøy er benyttet for å endre kontrast mellom tekst og det samme bakenforliggende bildet. Alle disse verktøyene er tilgjengelige i hver enkel banner-editor.
Overlay eller gradienter er en mulig løsning. Trolig vil en 40% - 55% overlay av sort over hele bildet alltid gjøre hvit tekst lesbar uansett bilde bak, men da har man altså kraftig endret selve oppfattelsen av bildet. Men igjen dette avhenger av bildet. Gradienter kan hjelpe tilsvarende men da må gradient omslutte hele teksten og ikke bare litt.
Se også https://blog.iamsuleiman.com/techniques-to-display-text-overlay-background-images/ og https://css-tricks.com/nailing-the-perfect-contrast-between-light-text-and-a-background-image/
Mange av eksemplene nedenfor vil ikke gi tilstrekkelig kontrast. Flere av dem vil også gi problemer når formatet på bannerne blir annerledes (mindre skjermer).
