Hopp til innhold

Fargetilgjengelighetskontroll

Sjekk fargekontrastforhold mot WCAG 2.1-retningslinjer. Test AA- og AAA-samsvar for vanlig og stor tekst. Gratis, 100 % i nettleseren din.

Forhåndsvisning stor tekst (18pt+)

Forhåndsvisning vanlig tekst — sjekk lesbarheten mot bakgrunnsfargen.

Kontrastforhold

Hva er WCAG-fargekontrast?

Web Content Accessibility Guidelines (WCAG) 2.1 definerer minimumskontrastforhold for å sikre at tekst er lesbar for mennesker med synshemming. Kontrastforholdet varierer fra 1:1 (ingen kontrast) til 21:1 (maksimalt, svart på hvitt). Omtrent 8 % av menn og 0,5 % av kvinner har en form for fargesynsfeil, noe som gjør tilstrekkelig kontrast essensielt for inkluderende design.

WCAG-samsvarsnivåer

AA — Vanlig tekst: minimumskontrastforhold 4,5:1 (vanligste krav). AA — Stor tekst: minimum 3:1 (stor = 18pt/24px vanlig eller 14pt/18,5px fet). AAA — Vanlig tekst: minimum 7:1 (forbedret, anbefalt for brødtekst). AAA — Stor tekst: minimum 4,5:1. De fleste lover og standarder for tilgjengelighet (ADA, Section 508, EN 301 549) refererer til WCAG AA som minimumskrav.

Hvordan kontrastforholdet beregnes

Kontrastforholdet bruker relativ luminans-verdier avledet fra sRGB-farger. Hver fargekanal (R, G, B) lineariseres: hvis sRGB-verdien ≤ 0,04045, del på 12,92; ellers beregn ((verdi + 0,055) / 1,055)^2.4. Luminans = 0,2126·R + 0,7152·G + 0,0722·B. Kontrastforholdet = (L1 + 0,05) / (L2 + 0,05), der L1 er luminansen til den lysere fargen og L2 til den mørkere.

Personvern

Alle beregninger kjøres 100 % i nettleseren din. Ingen data sendes til noen server.