Mai duba bambancin WCAG — AA/AAA Kan Yanar Gizo _

Duban bambancin WCAG yana gudana ta ƴan matakai masu sauƙi. Babu abin da yake barin browser ɗinku.

1. Kuna shigar da launin gaba da na bango. Kayan aiki yana tantance hex, rgb(), hsl(), ko launukan CSS masu suna zuwa ƙimar tashoshin ja, kore, da shuɗi.
2. Kowane tashar RGB ana daidaita shi ta hanyar amfani da aikin canja wuri na sRGB. Wannan yana maida ƙimar nuni da aka ɓoye ta gamma zuwa ƙarfin haske madaidaici.
3. Ƙimar madaidaici ana auna su ta hankalin idon ɗan adam ga kowace tasha — 0.2126 don ja, 0.7152 don kore, 0.0722 don shuɗi. Jimlar ita ce hasken dangi na launi.
4. Matsakaicin bambanci shine (L1 + 0.05) ÷ (L2 + 0.05), inda L1 shine hasken launi mafi haske kuma L2 shine hasken mafi duhu. Ƙarin 0.05 yana kiyaye dabarar tana aiki ga baƙi tsantsa.
5. Matsakaicin ana kwatanta shi da matakan WCAG: rubutu na yau da kullun AA yana buƙatar a ƙalla 4.5:1, babban rubutu AA yana buƙatar 3:1, rubutu na yau da kullun AAA yana buƙatar 7:1, kuma babban rubutu AAA yana buƙatar 4.5:1. Babban rubutu yana nufin a ƙalla 18pt ko 14pt mai ƙarfi.

FAQ

Tambayoyi na yau da kullun game da duba bambancin WCAG.

Menene bambanci tsakanin AA da AAA?

AA shine mafi ƙarancin matakin yarda ga mafi yawan abun cikin yanar gizo. Yana buƙatar matsakaicin bambanci na aƙalla 4.5:1 don rubutu na yau da kullun da 3:1 don babban rubutu. AAA shine ma'auni mafi girma wanda ke buƙatar 7:1 don rubutu na yau da kullun da 4.5:1 don babban rubutu. Kuna iya yin niyya AAA don mahimman abun ciki kamar kwafin jiki akan shafin labarai, yayin amfani da AA don ƙira mai faɗi. Cimma AAA a ko'ina na iya zama da wahala tare da launukan alama, don haka ƙungiyoyi da yawa suna yin niyya AA a ko'ina kuma suna ɗaga mahimman rubutu zuwa AAA inda zai yiwu.

Menene ake ɗauka a matsayin "babban rubutu" ƙarƙashin WCAG?

WCAG 2.x ta ayyana babban rubutu a matsayin aƙalla maki 18 (24px) don nauyi na yau da kullun, ko maki 14 (kimanin 19px) don nauyi mai ƙarfi. Alamomi da ikon waɗanda ke ɓangaren fuskar fonti suna bin matakan guda. Idan ba ku da tabbacin wane mataki ne ya shafi mu'amalarku, duba duka biyun — AA Babba yana da ƙananan matsayi (3:1), don haka yawancin nau'ikan launuka waɗanda suka gaza AA Na yau da kullun a zahiri suna wucewa AA Babba lokacin da rubutu ya isa babba.

Me yasa nau'ina yake wucewa AA Babba amma yana gazawa AA Na yau da kullun?

Domin AA Babba yana buƙatar kawai matsakaicin 3:1 yayin da AA Na yau da kullun yana buƙatar 4.5:1. WCAG ta saita ƙananan mataki don babban rubutu saboda manyan haruffa suna da sauƙin karantawa ko da da ƙarancin bambanci. Nau'in launi wanda ya sami, a ce, 4.0:1 yana wucewa AA Babba (mataki 3:1) amma yana gazawa AA Na yau da kullun (mataki 4.5:1). Wannan ya zama ruwan dare gama gari tare da launukan alama masu haske da ake amfani da su azaman launin gaba akan bayan fari.

Zan iya dogara ga wannan kayan aiki kaɗai don tantance damar shiga?

Wannan kayan aiki yana duba abu ɗaya — matsakaicin bambancin WCAG 2.x tsakanin launuka biyu masu ƙarfi. Damar shiga na gaske ya ƙunshi fiye da haka: alamomin mayar da hankali, girman fonti da nauyi, launi a matsayin hanya ɗaya tilo ta isar da bayanai, da dacewa da masu karanta allo da kayan aikin zuƙowa. Yi amfani da wannan duban bambanci tare da sauran hanyoyin tantancewa don cikakken hoto na damar shiga na aikace-aikacenku.

Wadanne tsarin launi ne shigar ke karɓa?

Kuna iya manna hex kodi na lambobi 3, 4, 6, ko 8 (tare da # ko ba tare da), ƙimar rgb() da rgba() a cikin tsohuwar haɗin waƙafi ko sabon haɗin sarari, hsl() da hsla() tare da kowane daidaitaccen na'urar launi (deg, rad, grad, turn), hsv(), hwb(), da kowane ɗaya daga cikin 150 launukan CSS masu suna daga spec na CSS Color Module Level 4. Ana tantance launi gabaɗaya a kan na'urarku.