Rəng Kontrastı Yoxlayıcısı
İki rəng daxil, WCAG hökmü xaric: spesifikasiyanın dəqiq sRGB nisbi-parlaqlıq düsturu, nisbət, adi və iri mətn üçün AA və AAA — cütünüz keçməyəndə isə mətn rənginin keçən ən yaxın çaları: təxminlə yox, hesabla. Canlı nümunə cütü hər an göstərir.
Təəssürat yox, düstur
Kontrast mühakimə olunmur, tərif olunur: hər rəngin nisbi parlaqlığı sRGB xəttiləşdirilərək hesablanır — ≤0,04045 budağı, 2,4 qüvvəti, 0,2126/0,7152/0,0722 çəkiləri — nisbət isə (açıq + 0,05) / (tünd + 0,05). Spesifikasiyaya əməl edən hər yoxlayıcı ikinci onluğa qədər eyni rəqəmi verir — rəqəmi review-da sitat gətirilə bilən edən məhz budur.
Canlı nümunə ona görə var ki, rəqəm zəruridir, amma yetərli deyil: cüt AA-nı keçib yenə estetik səhv ola bilər. Hökmləri oxuyun, sonra nümunəni.
Tez-tez verilən suallar
4,5:1 və digər hədlər əslində nə deməkdir?
WCAG-ın oxunaqlıq döşəməsidir: AA səviyyəsində adi mətnə 4,5:1, iri mətnə 3:1 — qanunların və müqavilələrin istinad etdiyi səviyyə; sərt AAA-da 7:1 və 4,5:1. İri: ən azı 24px, ya da 18,5px qalın. Nisbətin özü 1:1-dən (eyni) 21:1-ə (ağ üstə qara) qədərdir.
«Yaxşı görünən» bozum niyə keçmir?
Çünki ekranla göz razılaşmır: parlaqlıq qamma geri açıldıqdan sonra hesablanır — orta bozlar parlaq displeydə göründüyündən qat-qat az kontrast daşıyır. Məşhur sərhəd ağ üstə #767676-dır — AA-nı keçən ən açıq boz. Ondan açığı sizin monitorda yaxşı oxunur, kiminsə günəş altındakı telefonunda keçmir.
Keçən təklif necə hesablanır?
Alət mətn rənginizi bu fonda kontrast qazandıran istiqamətdə — qaraya və ya ağa — bir faizlik addımlarla yeridir və hədəfə çatan ilk çalarda dayanır. Çalarınızın xarakterini mümkün qədər saxlayır; ekstremal belə keçə bilməyəndə dürüst imtina edir — orta tonlu fonlarda olan hal.
Kontrast ikonlara və UI hissələrinə də aiddir?
Bəli, öz qaydası ilə: WCAG qrafik obyektlərə və interfeys komponentlərinə 3:1 tələb edir — input haşiyələri, məna daşıyan ikonlar, fokus göstəriciləri. AA-iri hökmü elə o yoxlamanın özüdür — hədd eyni 3:1-dir.
Oxşar alətlər
- Diaqram və Blok-sxem QurucusuBlok-sxem və diaqram çəkin, qutuları özü marşrutlaşan oxlarla birləşdirin, düzülüşü avtomatik qurdurun. SVG ixracı var.
- Şifrə GeneratoruBrauzerin kriptoqrafik təsadüfi say generatoru ilə güclü şifrələr yaradın, gücünü dərhal görün.
- HTML Entity ÇeviriciMətni HTML üçün kodlayın və ya entity-ləri geri açın — markap pozucuları, adlı dəstlər, emojiyə qədər rəqəmsal istinadlar. Düz bir dəfə açır.