Farvekontrasttjek
Tjek farvekontrastforhold for WCAG 2.1-overholdelse. Bekræft AA- og AAA-standarder med det samme.
Hvad er WCAG-kontrastforhold?
WCAG-kontrastforholdet måler luminansforskellen mellem forgrunds- og baggrundsfarver. Fra 1:1 til 21:1.
Hvad er WCAG AA- og AAA-kravene?
WCAG AA kræver minimum 4.5:1 for normal tekst og 3:1 for stor tekst. AAA kræver 7:1 og 4.5:1.
Hvad tæller som stor tekst?
Stor tekst er defineret som 18pt (24px) eller større, eller 14pt (18.66px) fed eller større.
Hvorfor er farvekontrast vigtigt?
Korrekt kontrast sikrer at tekst er læsbar for personer med synshandicap og forbedrer læsbarheden for alle.
Hvordan beregner jeg kontrastforholdet?
Beregnes ved at bruge relative luminansværdier. Formlen er (L1 + 0.05) / (L2 + 0.05).
Hvad er minimumskontrast for UI-elementer?
WCAG kræver minimum 3:1 for UI-komponenter og grafiske objekter.
Kan jeg bruge alle farvekombinationer?
Ikke alle kombinationer opfylder tilgængelighedsstandarder. Brug denne tjekker til at validere.
Hvad er relativ luminans?
Det er den opfattede lysstyrke af en farve, fra 0 (sort) til 1 (hvid). Beregnes med sRGB-farverummet.
Skal jeg tjekke kontrast for billeder?
Tekst i billeder skal opfylde samme krav. For dekorative billeder gælder det ikke.
Hvilke værktøjer hjælper med kontrast?
Brug browserens udviklerværktøjer, design-plugins eller online-tjekkere som denne.