Акысыз WCAG түс контрастын текшерүүчү

Бул кантип иштейт

Контраст текшерүү WCAG 2.1 салыштырмалуу жарыктык алгоритмин колдонуп толугу менен браузериңизде иштейт — китепкана жок, сервер жок, жөн эле спецификацияны так карманган кол менен жазылган математика. Ар бир натыйжа терип жатканда же түс тандаганда реалдуу убакытта жаңыланат.

1. 1
   Он алтылык киргизүү жана нормалдаштыруу

   Эки 3-цифралуу (#abc) жана 6-цифралуу (#aabbcc) он алтылык маанилер кабыл алынат жана толук RGB үчиликтерине нормалдаштырылат. Жарактуу эмес киргизүү дароо четке кагылат, тынч эле кара түскө демейки коюунун ордуна, ошондуктан жаңылыш өттү натыйжасынын ордуна кызыл чек көрүнөт.
2. 2
   WCAG жарыктык эсептөө

   Ар бир түс WCAG 2.1 формуласы колдонуп салыштырмалуу жарыктыкка айландырылат: sRGB канал маанилери бөлүктүү гамма оңдоо менен сызыкташтырылат (0.03928дон төмөн 12.92гo бөлүп, андан жогору 2.4 даражасына көтөрүп), андан кийин 0.2126R + 0.7152G + 0.0722B катары салмакталат.
3. 3
   Контраст катышы жана шайкештик текшерүүлөрү

   Контраст катышы (жарыгыраак + 0.05) / (караңгыраак + 0.05) катары эсептелет жана бардык беш WCAG чегине каршы текшерилет: AA кадимки текст (4.5:1), AA чоң текст (3:1), AAA кадимки текст (7:1), AAA чоң текст (4.5:1) жана UI компоненттери (3:1). Натыйжалар ар бир баскыч менен жаңыланат.
4. 4
   Тон-сактоочу оңдоо сунуштары

   Жуп WCAG AAны өткөрбөй калганда, курал HSL жарыктык мейкиндигинде издейт — түпнуска жарыктыктан эки багытта тышка кадам таштап — бир тонду жана каныктыкты сактап 4.5:1ди өткөргөн ар бир түстүн эң жакын вариантын табуу үчүн. EyeDropper API (Chromium) да экраныңыздан каалаган түстү үлгү алуу үчүн жеткиликтүү.

Байланыштуу куралдар