Kontrastkontrol for WCAG AA og AAA

Kontrollér farvekontrast for WCAG 2.2 AA og AAA, forhåndsvis tekststørrelser, og find tilgængelige farvealternativer.

Hold markøren over et felt, eller vælg det for at få hjælp. Tryk Escape for at lukke.

ForgrundBaggrundUigennemsigtigt underlag

Brug HEX, RGB, RGBA eller HSL. Gennemsigtige farver sammensættes over det uigennemsigtige underlag.

5.84:1

Grænser bruger forholdet med fuld præcision, aldrig den afrundede viste værdi.

WCAG 2.2
Niveau	Brug	SC	Minimum	Resultat
AA	Normal tekst	1.4.3	4.5:1	Bestået
AA	Stor tekst	1.4.3	3:1	Bestået
AAA	Normal tekst	1.4.6	7:1	Ikke bestået
AAA	Stor tekst	1.4.6	4.5:1	Bestået
AA	Grænsefladekomponenter og grafik	1.4.11	3:1	Bestået

ForhåndsvisningstekstSkriftstørrelse (CSS px)Fed

Aa — fiokit.

Normal tekst: AA ✓ · AAA ✗

Stor tekst: mindst 24 CSS px eller 18,67 CSS px i fed (14 pt).

Mål for foreslået forgrundRapport

WCAG 2.2
#155bdf / #ffffff (#ffffff)
5.8433:1
AA Normal tekst (SC 1.4.3): PASS — 4.5:1
AA Stor tekst (SC 1.4.3): PASS — 3:1
AAA Normal tekst (SC 1.4.6): FAIL — 7:1
AAA Stor tekst (SC 1.4.6): PASS — 4.5:1
AA Grænsefladekomponenter og grafik (SC 1.4.11): PASS — 3:1

Dette kontrollerer farvepar, ikke fuld WCAG-overensstemmelse. Vurdér tilstødende farver, interaktionstilstande og reelt indhold separat.

W3C — SC 1.4.3 · SC 1.4.6 · SC 1.4.11

Sådan fungerer det

Angiv forgrund, baggrund og uigennemsigtigt underlag. AA- og AAA-resultater opdateres med det samme. Prøv skriftstørrelse og -tykkelse, anvend en foreslået farve, eller hent rapporten.

Et praktisk eksempel

Farver

#155bdf

Ofte stillede spørgsmål

Sendes min tekst til en server?

Nej. Indholdet behandles i denne browser. Det sendes ikke til serveren og gemmes ikke.

Hvad bør jeg vide om Kontrastkontrol for WCAG AA og AAA?

Viser grænser for tekst og ikke-tekst separat. Denne farvekontrol certificerer ikke fuld WCAG-overensstemmelse.