§ 10
Er kontrasten mellem denne tekstfarve og baggrundsfarve høj nok til at bestå WCAG AA (eller AAA)?
Antwort: 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 | Bedeutung | Einheit |
|---|---|---|
| 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) |
Gilt nicht, wenn
Die eigenen Standardwerte des Rechners sind eingesetzt. Die Zahlen sind mit genau der Formel berechnet, die das Werkzeug verwendet.
Sat ind
Geber
Nur für Mitglieder
Lege einen kostenlosen Zugang an, um alle Artikel, Rechner, Vorlagen und das Sortiment freizuschalten — und Zugriff auf Quizze und Klassen zu erhalten. Es dauert unter einer Minute: Name, E-Mail und ein Passwort. Keine Zahlungskarte.
Willst du zuerst etwas ausprobieren? Sieh, was du ohne Konto nutzen kannst — der Junior-Bereich, das Lexikon, die Videos und mehr.
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.
Es bedeutet: 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.
Es bedeutet: 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.
Es bedeutet: 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).