Apie šį įrankį
Patikrinkite spalvų kontrasto santykį tarp priekinio plano ir fono spalvų pagal WCAG 2.1 pritaikymo neįgaliesiems gaires. Įveskite spalvas kaip šešioliktainius kodus, RGB reikšmes arba HSL reikšmes ir akimirksniu pamatysite kontrasto santykį kartu su WCAG AA ir AAA atitikties rezultatais, atitinkančiais tiek įprastą, tiek didelį teksto dydį.
Dažnai užduodami klausimai
- Koks kontrasto santykis reikalingas WCAG atitikčiai?
- WCAG AA reikalauja 4,5:1 įprastam tekstui ir 3:1 dideliam tekstui (18 pt+ arba 14 pt+ pusjuodžiu šriftu). WCAG AAA reikalauja 7:1 įprastam tekstui ir 4,5:1 dideliam tekstui. Maksimalus galimas santykis yra 21:1 (juodas ant balto).
- Kodėl svarbus spalvų kontrastas?
- Pakankamas kontrastas užtikrina, kad tekstas būtų skaitomas silpnaregiams, daltonistams arba žiūrintiems ekranus ryškioje saulės šviesoje. Tai taip pat yra teisinis reikalavimas pagal ADA ir ES prieinamumo reglamentus daugeliui svetainių.
- Kas WCAG laikoma „dideliu tekstu“?
- Didelis tekstas apibrėžiamas kaip 18 pt (24 piks.) ir didesnis, jei tai įprastas svoris, arba 14 pt (18,66 piks.) ir didesnis, jei tekstas yra paryškintas. Dideliam tekstui taikomi mažesni kontrasto reikalavimai, nes jį lengviau skaityti.
- Ar šis įrankis tikrina ne teksto elementų kontrastą?
- WCAG 2.1 reikalauja 3:1 kontrasto santykio vartotojo sąsajos komponentams ir grafiniams objektams (mygtukams, piktogramoms, formos laukams). Taip pat galite naudoti šį įrankį, kad patikrintumėte – tiesiog įveskite komponento ir fono spalvas.