Kontrasto tikrintuvas

Įveskite teksto ir fono spalvas, kad sužinotumėte WCAG kontrasto santykį bei atitinkamus AA ir AAA lygius.

Kontrasto santykis
Įprastas tekstasAA4.5:1
Įprastas tekstasAAA7:1
Didelis tekstasAA3:1
Didelis tekstasAAA4.5:1
Sąsaja ir grafika3:1
Įveskite teksto ir fono spalvas, kad patikrintumėte.

Kiekvienas patikrinimas atliekamas jūsų naršyklėje. Jokie įvesti duomenys nėra siunčiami į „BroBroGo“.

DUK

Ką reiškia AA ir AAA rezultatai?

AA yra lygis, kurio siekia dauguma svetainių: įprastam tekstui reikalingas bent 4.5:1 santykis, o dideliam tekstui – 3:1. AAA lygis yra griežtesnis – 7:1 įprastam tekstui ir 4.5:1 dideliam tekstui. Kontrasto santykis svyruoja nuo 1:1 (nėra kontrasto) iki 21:1 (juoda ant balto).

Kas laikoma dideliu tekstu?

Tekstas nuo 18pt (apie 24px) arba nuo 14pt (apie 18.5px), jei jis yra paryškintas. Didesnis tekstas išlieka įskaitomas ir esant mažesniam kontrastui, todėl jam taikomi švelnesni reikalavimai: AA lygis pasiekiamas su santykiu 3:1, o AAA – su 4.5:1 (vietoj griežtesnių įprasto teksto ribų).

Kokius spalvų formatus galiu įvesti?

Įveskite šešioliktainę reikšmę, pvz., #1a1a1a, rgb() reikšmę, pvz., rgb(26, 26, 26), arba hsl() reikšmę – arba spustelėkite bet kurį spalvos langelį, kad ją pasirinktumėte. Naudokite sukeitimo mygtuką, kad sukeistumėte teksto ir fono spalvas.

Ar tai WCAG 2, ar naujesnis APCA metodas?

Šis įrankis naudoja WCAG 2.1 / 2.2 formulę, kuria šiandien remiasi prieinamumo taisyklės ir auditai. APCA yra naujesnis, geriau žmogaus suvokimą atitinkantis metodas, vis dar kuriamas WCAG 3 standartui – jis perspektyvus, bet dar nėra oficialus atitikties standartas, todėl čia pateikiami rezultatai jo nenaudoja.