§ 10
Er kontrasten mellem denne tekstfarve og baggrundsfarve høj nok til at bestå WCAG AA (eller AAA)?
Odpowiedź: 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 | Znaczenie | Jednostka |
|---|---|---|
| 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) |
Nie dotyczy, gdy
Wstawiono domyślne wartości kalkulatora. Liczby obliczono dokładnie tym wzorem, którego używa narzędzie.
Wstawiono
Dawca
Tylko dla członków
Utwórz bezpłatne konto, aby odblokować wszystkie artykuły, kalkulatory, szablony i asortyment — i uzyskać dostęp do quizów i klas. Zajmuje to poniżej minuty: imię, email i hasło. Żadna karta kredytowa.
Chcesz najpierw czegoś spróbować? Zobacz, czego możesz używać bez konta — strefa junior, leksykon, filmy i więcej.
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.
To znaczy: 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.
To znaczy: 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.
To znaczy: 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).