Hubiyaha Isku-dhafka Midabka WCAG oo Bilaash ah
Hubi haddii laba midab ay buuxiyaan heerarka isku-dhafka WCAG AA iyo AAA ee helitaanka. Hordhac tooska ah cabbirro badan oo qoraal ah oo leh soo jeedin toos ah marka isku-dhafku aad u yar yahay.
Cinwaan waaweyn oo qoraal ah
Qoraal jidh dhexdhexaad ah (18px) oo loogu talagalay akhris iyo qoraal.
Qoraal jidh caadi ah (16px) oo loogu talagalay qodobbada.
Qoraal jidh yar (14px) oo loogu talagalay faahfaahinno iyo xog-yaryar.
Isku-darka isbarbardhigga
Waxaa loo baahan yahay 4.5:1 Β· Waxaad haysataa 14.63:1
Waxaa loo baahan yahay 3.0:1 Β· Waxaad haysataa 14.63:1
Waxaa loo baahan yahay 7.0:1 Β· Waxaad haysataa 14.63:1
Waxaa loo baahan yahay 4.5:1 Β· Waxaad haysataa 14.63:1
Waxaa loo baahan yahay 3.0:1 Β· Waxaad haysataa 14.63:1
Diyaarinno degdeg ah
Waxay ku salaysan tahay hagaha isbarbardhigga WCAG 2.1. Qoraal weyn = 18pt (24px) caadi ah ama 14pt (18.66px) qoto dheer. Koodhadhka hex-ku labada jiho ayay isbeddelaan: qor hex ama dooro midab, labada gelinba way isku waafaqi doonaan.
Sida Ay U Shaqeyso
Hubinta isku-dhufashada wuxuu gebi ahaanba ka dhacaa biraawsarkaaga isagoo isticmaalaya algorithm luminance-ka la xiriira ee WCAG 2.1 β laybreri ma jiro, serverna ma jiro, waxaa uun jira xisaab gacan lagu qoray oo raacaya sharciga sax ah. Natiijo kasta way cusboonaysiisaa waqti dhabta ah marka aad qorayso ama aad dooratid midab.
- 1Gelitaanka hex-ka iyo caadiyayntaLabada qiime hex ah oo 3-lambar (#abc) iyo 6-lambar (#aabbcc) waa la aqbalaa waxaana loo caadiyaa RGB saddex-qaybood oo buuxa. Gelitaanka aan sax ahayn si degdeg ah ayaa loo diidaa halkii uu si aamusan ugu noqon lahaa madow, sidaa darteed xudduud casaan ah ayaa ka muuqata halkii natiijo guul ah oo khaldan.
- 2Xisaabinta luminance-ka WCAGMidab kasta waxaa loo beddelaa luminance-ka la xiriira isagoo isticmaalaya qaacidada WCAG 2.1: qiyamka kanaalka sRGB waxaa la toosiyaa isagoo isticmaalaya sixitaan gamma piecewise ah (loo qaybiyay 12.92 hoosta 0.03928, loo qaadaa awoodda 2.4 sarreeya), kadibna waxaa loo miisaamaa 0.2126R + 0.7152G + 0.0722B.
- 3Saameynta isku-dhufashada iyo hubinta waafaqsanaantaSaameynta isku-dhufashada waxaa loo xisaabiyaa (kan iftiimaya + 0.05) / (kan madow + 0.05) waxaana lala barbardhigaa dhammaan shanta xad ee WCAG: qoraalka caadiga ah ee AA (4.5:1), qoraalka weyn ee AA (3:1), qoraalka caadiga ah ee AAA (7:1), qoraalka weyn ee AAA (4.5:1), iyo qaybaha UI (3:1). Natiijooyinku waxay cusboonaysiin fara-taabasho kasta.
- 4Soo-jeedin hagaajin ah oo ilaalisa hue-gaMarka labada midab ay ku fashilmaan WCAG AA, qalabku wuxuu ka raadinayaa booska iftiinka HSL β isagoo tallaabsanaya iftiinka asalka ah labada jiho β si uu u helo mid kasta oo midab ah oo ku dhow oo gudbiya 4.5:1 isagoo ilaalinaya isla hue-ga iyo saturation-ka. API-ga EyeDropper (Chromium) ayaa sidoo kale la heli karaa si aad uga soo qaadato midab kasta oo toos ah shaashaddaada.
Qalabka La Xiriira
Simulator-ka Indha-la'aanta Midabka
Arag sida naqshaddaada ay u muuqato dadka leh dhibaatooyinka aragga midabka. Wuxuu simulate-gareeyaa protanopia, deuteranopia, tritanopia, achromatopsia, iyo noocyo kale oo fudud.
Filtarada Sawirka
Ku dabaq filtarada nooca Instagram iyo iftiinka, isku dheelitirka iyo cadaadiska midabka β oo leh muuqaalyo yaryar oo toos ah.
Qaadaha Midabka & Abuuraha Palette-ka
Qaado midabbo, u beddel HEX/RGB/HSL, oo abuur palette iswaafajinaya.