Tikrintuvas naudoja oficialią WCAG santykinės šviesos formulę, tad jo skaičiai sutampa su WebAIM tikrintuvu ir dauguma prieinamumo audito įrankių. Viskas veikia jūsų naršyklėje - spalvos niekur neįkeliamos, ribų nėra.
Spalvų kontrasto tikrintuvas
Veikia tik jūsų naršyklėje - nieko neįkeliama, registracija nereikalinga.
Kontrasto santykis
Išlaikytareikia 4.5:1
Išlaikytareikia 3:1
Neišlaikytareikia 7:1
Išlaikytareikia 4.5:1
Didelis = 18pt (24px) arba 14pt (18,66px) paryškintas.
Kas yra spalvų kontrasto tikrintuvas?
Spalvų kontrasto tikrintuvas matuoja kontrasto santykį tarp teksto spalvos ir jo fono bei parodo, ar jis atitinka WCAG prieinamumo standartus. Grąžinamas santykis nuo 1:1 iki 21:1, o tada rodoma, ar jis išlaiko AA ir AAA lygius normaliam ir dideliam teksto dydžiui.
Kaip naudotis
- 1Įveskite spalvas. Įrašykite hex kodą, rgb() reikšmę arba CSS spalvos pavadinimą tekstui ir fonui, arba pasirinkite jas spalvų parinkikliu.
- 2Peržiūrėkite santykį. Kontrasto santykis atsinaujina tiesiogiai - kartu rodomas teksto peržiūros pavyzdys jo fone.
- 3Patikrinkite ženklelius. Kiekvienas ženklelis rodo, ar išlaikomas WCAG AA ir AAA normaliam bei dideliam teksto dydžiui.
Kam pravers
- Dizaineriai, tikrinantys prekės ženklo spalvas prieš perduodant jas kūrėjams.
- Front-end kūrėjai, tikrinantys mygtukų, nuorodų ir etikečių spalvas pagal WCAG AA.
- Prieinamumo auditoriai, dokumentuojantys kontrasto klaidas su tiksliais santykiais.
- Turinio ir el. pašto komandos, užtikrinančios, kad tekstas išliktų įskaitomas spalvotame fone.
DUK
Ar spalvų kontrasto tikrintuvas nemokamas?
Taip - jis visiškai nemokamas, be registracijos ir be jokių ribų. Veikia tik jūsų naršyklėje.
Koks kontrasto santykis reikalingas WCAG AA lygiui?
WCAG 2.1 AA lygis reikalauja bent 4,5:1 normaliam tekstui ir 3:1 dideliam tekstui. AAA lygis tai padidina iki 7:1 normaliam ir 4,5:1 dideliam tekstui.
Kas laikoma dideliu tekstu?
Didelis tekstas yra bent 18pt (apie 24px) įprastu storiu arba 14pt (apie 18,66px) paryškintas. Dideliam tekstui leidžiamas mažesnis kontrasto santykis, nes didesni glitfai lengviau skaitomi.
Kaip skaičiuojamas kontrasto santykis?
Formulė: (L1 + 0,05) / (L2 + 0,05), kur L1 ir L2 yra šviesesnės ir tamsesnės spalvos santykinis ryškumas. Ryškumas skaičiuojamas pagal sRGB raudonos, žalios ir mėlynos kanalus pagal WCAG 2.x apibrėžimą.
Ar palaikomas hex, RGB ir spalvų pavadinimų formatas?
Taip. Galima įvesti 3-, 4-, 6- arba 8-skaitmenis hex, rgb() ir rgba() reikšmes arba bet kurį CSS spalvos pavadinimą, pavyzdžiui, 'teal'. Taip pat galima pasirinkti spalvą natiniu spalvų parinkikliu.
Kodėl tas pats santykis kartais išlaiko, o kartais ne?
Reikalingas santykis priklauso nuo teksto dydžio ir norimo lygio. 3,5:1 santykis neišlaiko AA normaliam tekstui, bet išlaiko AA dideliam - todėl visada tikrinkite pagal faktiškai naudojamą dydį ir lygį.