§ 10
Er kontrasten mellem denne tekstfarve og baggrundsfarve høj nok til at bestå WCAG AA (eller AAA)?
Svar: Til webdesign og digitale tryksager stiller WCAG (Web Content Accessibility Guidelines) krav om et minimumskontrastforhold mellem tekst og baggrund, så teksten kan læses af flest muligt — herunder svagtseende. Beregneren regner kontrastforholdet ud fra to RGB-farver efter WCAG's officielle formel for relativ luminans. Den erstatter ikke en fuld tilgængelighedsgennemgang, som også ser på skriftstørrelse, kontekst og andre WCAG-kriterier.
relativ luminans L = 0,2126×R + 0,7152×G + 0,0722×B, hvor hver kanal først lineariseres: c ≤ 0,03928 → c/12,92, ellers ((c+0,055)/1,055)^2,4 (c = kanalværdi/255)
kontrastforhold = (L_lys + 0,05) / (L_mørk + 0,05)
Formlen er WCAG 2.1's officielle definition under succeskriterie 1.4.3 (minimumskontrast).
| Symbol | Betydning | Enhed |
|---|---|---|
| r1 | Tekstfarve – rød (R) | — |
| g1 | Tekstfarve – grøn (G) | — |
| b1 | Tekstfarve – blå (B) | — |
| r2 | Baggrundsfarve – rød (R) | — |
| g2 | Baggrundsfarve – grøn (G) | — |
| b2 | Baggrundsfarve – blå (B) | — |
| = | Kontrastforhold | :1 |
| = | Relativ luminans (tekstfarve) | |
| = | Relativ luminans (baggrundsfarve) |
Gælder ikke når
Beregnerens egne standardværdier sat ind. Tallene er regnet med præcis den formel værktøjet bruger.
Sat ind
Giver
Kun for medlemmer
Opret en gratis bruger for at låse op for alle artikler, beregnere, skabeloner og sortiment — og få adgang til quizzer og klasser. Det tager under et minut: navn, email og en adgangskode. Intet betalingskort.
Vil du prøve noget først? Se hvad du kan bruge uden konto — junior-zonen, leksikonet, videoerne og mere.
Når du designer hjemmesider, nyhedsbreve, apps og digitale tryksager, skal tekst kunne læses af svagtseende. Offentlige myndigheder er omfattet af webtilgængelighedsloven, og WCAG 2.1 AA kræver mindst 4,5:1 for normal tekst og 3:1 for stor tekst. Beregneren regner kontrastforholdet ud fra to RGB-farver.
En kunde vil have brødtekst i lys grå (RGB 150, 150, 150) på hvid baggrund, fordi det ser elegant ud.
Det betyder: Kontrasten er kun 2,96 :1, og det er under 4,5:1. Foreslå en mørkere grå, fx RGB 118, 118, 118.
En kommunes hjemmeside har knapper i mørkeblå (RGB 0, 51, 102) med hvid tekst.
Det betyder: Kontrasten er 12,61 :1, og det klarer både AA og AAA for normal tekst.
Designmanualen har en orange farve (RGB 255, 140, 0), og kunden vil bruge den til links på hvid baggrund.
Det betyder: Kontrasten er 2,33 :1. Den er for lav til tekst, så brug den orange farve til flader og vælg en mørkere variant til links.
Sort på hvid er 21:1, og grå RGB 118, 118, 118 på hvid giver 4,54:1, lige over AA-kravet.
Resultatet ligger altid mellem 1:1 (samme farve) og 21:1 (sort og hvid).