Bepul WCAG Rang Kontrasti Tekshiruvchisi

Qanday ishlaydi

Kontrast tekshiruvi WCAG 2.1 nisbiy yorug'lik algoritmi yordamida to'liq brauzeringizda ishlaydi — kutubxonasiz, serversiz, faqat spetsifikatsiyaga aniq amal qiladigan qo'lda yozilgan matematika. Har bir natija siz yozayotganda yoki rang tanlayotganingizda real vaqtda yangilanadi.

1. 1
   Olti burchakli kirish va normalizatsiya

   3-xonali (#abc) va 6-xonali (#aabbcc) olti burchakli qiymatlar qabul qilinadi va to'liq RGB uchligiga normalizatsiya qilinadi. Noto'g'ri kirish darhol rad etiladi, jimgina qoraga aylanmasdan, shuning uchun adashtiruvchi o'tish natijasi o'rniga qizil chegara paydo bo'ladi.
2. 2
   WCAG yorug'lik hisobi

   Har bir rang WCAG 2.1 formulasi yordamida nisbiy yorug'likka o'giriladi: sRGB kanal qiymatlari bo'lakli gamma tuzatish bilan chiziqlashtiriladi (0.03928 dan pastda 12.92 ga bo'lish, undan yuqorida 2.4 darajaga ko'tarish), so'ng 0.2126R + 0.7152G + 0.0722B sifatida og'irlanadi.
3. 3
   Kontrast nisbati va muvofiqlik tekshiruvlari

   Kontrast nisbati (yorug'roq + 0.05) / (qorongi + 0.05) sifatida hisoblanadi va barcha beshta WCAG chegarasiga qarshi tekshiriladi: AA oddiy matn (4.5:1), AA katta matn (3:1), AAA oddiy matn (7:1), AAA katta matn (4.5:1) va UI komponentlari (3:1). Natijalar har bir tugma bosishida yangilanadi.
4. 4
   Rangni saqlovchi tuzatish takliflari

   Juftlik WCAG AA'dan o'tmaganda, asbob HSL yorqinlik fazosini qidiradi — asl yorqinlikdan har ikki yo'nalishga qadamlab — bir xil rang va to'yinganlikni saqlab, 4.5:1 dan o'tadigan har bir rangning eng yaqin variantini topish uchun. EyeDropper API (Chromium) ham ekranngizdan istalgan rangni to'g'ridan-to'g'ri olish uchun mavjud.

Tegishli asboblar