Kontrastkontroll for WCAG AA og AAA

Kontroller fargekontrast for WCAG 2.2 AA og AAA, forhåndsvis tekststørrelser og finn tilgjengelige fargealternativer.

Hold pekeren over et felt eller velg det for hjelp. Trykk Escape for å lukke.

ForgrunnBakgrunnUgjennomsiktig underlag

Bruk HEX, RGB, RGBA eller HSL. Gjennomsiktige farger kombineres med det ugjennomsiktige underlaget.

5.84:1

Terskler bruker forholdet med full presisjon, aldri den avrundede visningsverdien.

WCAG 2.2
Nivå	Bruk	SC	Minimum	Resultat
AA	Vanlig tekst	1.4.3	4.5:1	Bestått
AA	Stor tekst	1.4.3	3:1	Bestått
AAA	Vanlig tekst	1.4.6	7:1	Ikke bestått
AAA	Stor tekst	1.4.6	4.5:1	Bestått
AA	Grensesnittkomponenter og grafikk	1.4.11	3:1	Bestått

ForhåndsvisningstekstSkriftstørrelse (CSS px)Fet

Aa — fiokit.

Vanlig tekst: AA ✓ · AAA ✗

Stor tekst: minst 24 CSS px eller 18,67 CSS px i fet skrift (14 pt).

Mål for foreslått forgrunnRapport

WCAG 2.2
#155bdf / #ffffff (#ffffff)
5.8433:1
AA Vanlig tekst (SC 1.4.3): PASS — 4.5:1
AA Stor tekst (SC 1.4.3): PASS — 3:1
AAA Vanlig tekst (SC 1.4.6): FAIL — 7:1
AAA Stor tekst (SC 1.4.6): PASS — 4.5:1
AA Grensesnittkomponenter og grafikk (SC 1.4.11): PASS — 3:1

Dette kontrollerer fargepar, ikke fullstendig WCAG-samsvar. Vurder tilstøtende farger, interaksjonstilstander og faktisk innhold separat.

W3C — SC 1.4.3 · SC 1.4.6 · SC 1.4.11

Slik fungerer det

Angi forgrunn, bakgrunn og ugjennomsiktig underlag. AA- og AAA-resultater oppdateres umiddelbart. Prøv skriftstørrelse og -tykkelse, bruk en foreslått farge eller last ned rapporten.

Et praktisk eksempel

Farger

#155bdf

Vanlige spørsmål

Sendes teksten min til en server?

Nei. Innholdet behandles i denne nettleseren. Det sendes ikke til serveren eller lagres.

Hva bør jeg vite om Kontrastkontroll for WCAG AA og AAA?

Viser terskler for tekst og annet innhold separat. Denne fargekontrollen sertifiserer ikke fullstendig WCAG-samsvar.