§ 10
Kontrastforhold (WCAG)
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.
Formel
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) |
Gyldighed og kilde
- Kilde
- WCAG 2.1, SC 1.4.3 (relativ luminans-formel)
Gælder ikke når
- Vejledende beregning af selve tallet. Om kontrastforholdet er 'nok' afhænger også af skriftstørrelse/fed og hvilket WCAG-niveau (AA/AAA) I sigter efter — brug altid et rigtigt kontrastværktøj som endelig kontrol.
Regneeksempel
Beregnerens egne standardværdier sat ind. Tallene er regnet med præcis den formel værktøjet bruger.
Sat ind
- Tekstfarve – rød (R)0
- Tekstfarve – grøn (G)0
- Tekstfarve – blå (B)0
- Baggrundsfarve – rød (R)255
- Baggrundsfarve – grøn (G)255
- Baggrundsfarve – blå (B)255
Giver
- Kontrastforhold21,00 :1
- Relativ luminans (tekstfarve)0,000
- Relativ luminans (baggrundsfarve)1,000
Kun for medlemmer
Selve beregneren er låst
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.