Rīks izmanto oficiālo WCAG relatīvās spilgtuma formulu, tāpēc skaitļi sakrīt ar WebAIM pārbaudītāja rezultātiem un lielākās daļas pieejamības auditu datiem. Viss darbojas jūsu pārlūkprogrammā - krāsas netiek augšupielādētas, un ierobežojumu nav.
Krāsu kontrasta pārbaudītājs
Darbojas tikai tavā pārlūkā - bez augšupielādes un reģistrācijas.
Kontrasta attiecība
Atbilstnepieciešams 4.5:1
Atbilstnepieciešams 3:1
Neatbilstnepieciešams 7:1
Atbilstnepieciešams 4.5:1
Liels = 18pt (24px) vai 14pt (18,66px) treknrakstā.
Kas ir krāsu kontrasta pārbaudītājs?
Krāsu kontrasta pārbaudītājs nosaka kontrasta attiecību starp teksta krāsu un tā fonu un parāda, vai tā atbilst WCAG pieejamības standartiem. Rezultāts ir attiecība no 1:1 līdz 21:1, kā arī norāde, vai AA un AAA līmenis tiek sasniegts normālam un lielam tekstam.
Kā lietot
- 1Ievadiet krāsas. Ierakstiet hex kodu, rgb() vērtību vai CSS krāsas nosaukumu tekstam un fonam vai izvēlieties krāsas ar krāsu atlasītāju.
- 2Nolasiet attiecību. Kontrasta attiecība atjauninās reāllaikā kopā ar teksta priekšskatījumu uz izvēlētā fona.
- 3Pārbaudiet nozīmītes. Katra nozīmīte parāda, vai WCAG AA un AAA prasības ir izpildītas normālam un lielam tekstam.
Kam noder
- Dizaineri, kas pārbauda zīmola krāsas pirms to nodošanas izstrādei.
- Front-end izstrādātāji, kas pārbauda pogu, saišu un etiķešu krāsas atbilstoši WCAG AA.
- Pieejamības auditori, kas dokumentē kontrasta kļūdas ar precīzām attiecībām.
- Satura un e-pasta komandas, kas pārliecinās, ka teksts paliek lasāms uz krāsainiem foniem.
Biežāk uzdotie jautājumi
Vai krāsu kontrasta pārbaudītājs ir bezmaksas?
Jā - tas ir pilnīgi bezmaksas, bez reģistrācijas un bez ierobežojumiem. Viss darbojas jūsu pārlūkprogrammā.
Kāda kontrasta attiecība ir nepieciešama WCAG AA līmenim?
WCAG 2.1 AA līmenis prasa vismaz 4,5:1 normālam tekstam un 3:1 lielam tekstam. AAA līmenis paaugstina prasības līdz 7:1 normālam tekstam un 4,5:1 lielam tekstam.
Kas tiek uzskatīts par lielu tekstu?
Liels teksts ir vismaz 18pt (aptuveni 24px) normālā svārā vai 14pt (aptuveni 18,66px) treknrakstā. Lielam tekstam ir atļauta zemāka kontrasta attiecība, jo lielākas zīmes ir vieglāk lasāmas.
Kā tiek aprēķināta kontrasta attiecība?
Aprēķins ir (L1 + 0,05) / (L2 + 0,05), kur L1 un L2 ir gaišākās un tumšākās krāsas relatīvā spilgtuma vērtības. Spilgtumu nosaka no sRGB sarkanā, zaļā un zilā kanāla vērtībām atbilstoši WCAG 2.x definīcijai.
Vai rīks atbalsta hex, RGB un krāsu nosaukumus?
Jā. Var ievadīt 3-, 4-, 6- vai 8-ciparu hex kodus, rgb() un rgba() vērtības vai jebkuru CSS krāsas nosaukumu, piemēram, 'teal'. Krāsas var arī izvēlēties ar krāsu atlasītāju.
Kāpēc viena un tā pati attiecība dažreiz atbilst prasībām, bet dažreiz nē?
Nepieciešamā attiecība ir atkarīga no teksta lieluma un mērķa līmeņa. 3,5:1 neatbilst AA normālam tekstam, bet atbilst AA lielam tekstam - tāpēc vienmēr pārbaudiet atbilstoši faktiskajam lielumam un līmenim.