Kontrasttjekker

Indtast en tekst- og baggrundsfarve for at se WCAG-kontrastforholdet og hvilke AA- og AAA-niveauer der bestås.

Kontrastforhold
Normal tekstAA4.5:1
Normal tekstAAA7:1
Stor tekstAA3:1
Stor tekstAAA4.5:1
Brugergrænseflade & grafik3:1
Indtast en tekst- og baggrundsfarve for at tjekke.

Hvert tjek sker i din browser. Intet af det, du indtaster, uploades til BroBroGo.

FAQ

Hvad betyder AA- og AAA-resultaterne?

AA er det niveau, de fleste websteder sigter efter: det kræver et forhold på mindst 4,5:1 for normal tekst og 3:1 for stor tekst. AAA er strengere — 7:1 for normal tekst og 4,5:1 for stor tekst. Kontrastforholdet går fra 1:1 (ingen kontrast) til 21:1 (sort på hvidt).

Hvad tæller som stor tekst?

Tekst fra 18pt (ca. 24px), eller 14pt (ca. 18,5px) når den er fed. Større tekst forbliver læselig ved lavere kontrast, så den består AA ved 3:1 og AAA ved 4,5:1 i stedet for de strengere grænser for normal tekst.

Hvilke farveformater kan jeg indtaste?

Indtast en hex-værdi som #1a1a1a, en rgb()-værdi som rgb(26, 26, 26) eller en hsl()-værdi — eller klik på en af farveprøverne for at vælge en farve. Brug byt-knappen til at bytte om på tekst- og baggrundsfarverne.

Er dette WCAG 2 eller den nyere APCA-metode?

Den bruger formlen fra WCAG 2.1 / 2.2, som er den, tilgængelighedsregler og -revisioner refererer til i dag. APCA er en nyere metode baseret på den visuelle opfattelse, som stadig er ved at blive udarbejdet til WCAG 3 — den er lovende, men endnu ikke en officiel standard, hvorfor resultaterne her ikke bruger den.