Kvalitet & tilgængelighed
Kontrollér farvekontrast på digital grafik
Tekst der kan læses af alle — også ved svagt syn og i sollys
Smuk grafik er ubrugelig, hvis teksten ikke kan læses. På digitale leverancer skal kontrasten mellem tekst og baggrund leve op til tilgængelighedskravene.
- 01
Find tekstens og baggrundens farveværdier
Aflæs den præcise farve på både tekst og den flade den ligger på (fx som hex- eller RGB-værdi). Ved tekst oven på et foto tager du den lyseste og mørkeste del af baggrunden bag teksten.
- 02
Beregn kontrastforholdet
Slå de to farver op i et kontrast-tjek eller uddannelsens kontrast-beregner. Resultatet er et forhold — jo højere, jo mere læsbart. Rent hvidt på rent sort giver det højest mulige.
Skala1:1 (ingen) til 21:1 (maks) - 03
Hold normal tekst over grænsen
Almindelig brødtekst skal have et kontrastforhold på mindst 4,5:1 mod baggrunden for at bestå WCAG AA. Er du under, gør teksten mørkere/lysere eller baggrunden roligere.
Normal tekst (AA)≥ 4,5:1 - 04
Stor tekst må have lidt lavere krav
Store og fede overskrifter er lettere at læse og må klare sig med mindst 3:1. Udnyt det bevidst — men lad ikke lav kontrast blive en undskyldning for utydelig brødtekst.
Stor/fed tekst (AA)≥ 3:1 - 05
Læn dig ikke på farve alene
Signalér ikke vigtig information udelukkende med farve (fx kun rødt/grønt), da farveblinde ikke skelner det. Tilføj ikon, tekst eller mønster, så budskabet stadig når frem.
Tjek designet i gråtone — forsvinder pointen, mangler der kontrast eller et ekstra signal.
- 06
Test tekst over billeder
Tekst der ligger hen over et foto skifter kontrast fra sted til sted. Læg en dæmpende overlægsflade eller skygge bag teksten, så den er læsbar over hele billedet — ikke kun det mørkeste hjørne.
Bygget på uddannelsens artikel «Digital tilgængelighed for grafiske leverancer» og beregneren «Kontrastforhold (WCAG)»