Kikagua Utofautishaji wa Rangi

Uelewa wa Viwango vya Utofautishaji wa Rangi vya WCAG 2.1 / 2.2

Kikagua Utofautishaji wa Rangi ni zana inayoruhusu kuingiza rangi ya maandishi na rangi ya mandharinyuma ili kuamua uwiano wa utofautishaji wake kulingana na viwango vya ufikiaji vya WCAG 2.1 / 2.2. Zana hii inasaidia wabunifu wanaokagua usomekaji wa maandishi na vipengele, watengenezaji wa mifumo wanaohakikisha viwango vya ufikiaji vinafikiwa, pamoja na timu za maudhui zinazothibitisha utofautishaji wa rangi kwenye nyenzo zao.

Utofautishaji wa rangi ni nguzo muhimu katika ufikiaji wa wavuti kwa ujumla. Uwiano wa utofautishaji unahesabiwa kuanzia 1:1, ambayo inamaanisha hakuna utofautishaji kabisa (kama vile maandishi meupe kwenye mandharinyuma meupe), hadi 21:1, ambayo inawakilisha utofautishaji wa juu zaidi unaopatikana kwa rangi nyeusi kwenye mandharinyuma meupe. Zana hii inatumia fomula rasmi ya WCAG 2.1 / 2.2, ambayo ndiyo kiwango cha sasa cha uzingatiaji wa kisheria na ukaguzi wa ufikiaji wa kidijitali.

Thamani za Kuingiza na Miundo ya Rangi

Ili kufanya ukaguzi, mtumiaji anahitaji kuingiza maadili mawili ya rangi kwenye zana:

• Rangi ya maandishi: Thamani ya rangi ya herufi au alama za mbele.
• Rangi ya mandharinyuma: Thamani ya rangi ya eneo lililo nyuma ya maandishi.

Zana hii inakubali miundo mitatu mikuu ya rangi inayotumika katika usanifu wa wavuti:

1. Maadili ya Hex: Kwa mfano, #1a1a1a au #ffffff.
2. Maadili ya rgb(): Kwa mfano, rgb(26, 26, 26) au rgb(255, 255, 255).
3. Maadili ya hsl(): Miundo inayotumia misingi ya Hue, Saturation, na Lightness.

Zana inapoanzishwa kwa mara ya kwanza, inakuja ikiwa na rangi za awali ambazo ni #4f46e5 kwa ajili ya maandishi na #ffffff kwa ajili ya mandharinyuma, zikitoa uwiano wa utofautishaji wa 6.29. Mtumiaji anaweza kutumia kitufe cha kubadilishana ili kugeuza rangi za maandishi na mandharinyuma kwa urahisi.

Kama mtumiaji ataingiza rangi isiyo sahihi, zana itaonyesha ujumbe wa hitilafu ufuatao:

• Kwa rangi ya maandishi: "Ingiza rangi sahihi ya maandishi, kama #1a1a1a au rgb(26, 26, 26)."
• Kwa rangi ya mandharinyuma: "Ingiza rangi sahihi ya mandharinyuma, kama #ffffff au rgb(255, 255, 255)."

Sheria za Tathmini na Viwango vya AA na AAA

Zana inatathmini uwiano wa utofautishaji na kuonyesha matokeo ya "Imefaulu" au "Imefeli" kulingana na viwango viwili vya ufikiaji (AA na AAA) katika makundi matatu tofauti:

1. Maandishi ya kawaida

Kundi hili linajumuisha maandishi ya kawaida ya mtandaoni.

• Kiwango cha AA: Kinahitaji uwiano wa angalau 4.5:1.
• Kiwango cha AAA: Kinahitaji uwiano wa angalau 7:1.

2. Maandishi makubwa

Maandishi makubwa yanafafanuliwa kama maandishi kuanzia 18pt (karibu 24px), au kuanzia 14pt (karibu 18.5px) yakiwa na koo (bold). Maandishi haya yanabaki kusomeka kwa urahisi hata kwenye utofautishaji wa chini.

• Kiwango cha AA: Kinahitaji uwiano wa angalau 3:1.
• Kiwango cha AAA: Kinahitaji uwiano wa angalau 4.5:1.

3. UI na michoro

Kundi hili linahusu vipengele vya kiolesura na michoro ya picha. Tofauti na makundi mengine, sehemu hii haina mgawanyiko wa AA na AAA. Inatumia kizingiti kimoja tu cha uwiano wa angalau 3:1 ili kuamua kama imefaulu au imefeli.

Ufafanuzi wa Matokeo na Hukumu ya Mwisho

Baada ya kuhesabu uwiano wa utofautishaji unaoonyeshwa kama "X:1", zana inatoa muhtasari wa ujumbe wa hukumu kulingana na kiwango cha juu zaidi kilichofikiwa:

• Kama mchanganyiko unafikia viwango vyote vya juu: "Inafaulu AA na AAA kwa maandishi ya kawaida."
• Kama unafikia kiwango cha AA cha maandishi ya kawaida lakini haufikii AAA: "Inafaulu AA kwa maandishi ya kawaida."
• Kama unafikia kiwango cha maandishi makubwa pekee: "Inafaulu AA kwa maandishi makubwa pekee."
• Kama uwiano upo chini ya kiwango cha chini kabisa cha AA: "Chini ya kiwango cha chini cha AA — ongeza utofautishaji."

Faragha na Usindikaji wa Data

Kila ukaguzi unafanyika kwenye kivinjari chako. Hakuna unachoingiza kinachopakiwa kwenye BroBroGo. Usindikaji wote wa hesabu za rangi na utofautishaji unafanywa ndani ya kifaa chako, na hakuna data inayotumwa kwenye seva za nje.

Maswali Yanayoulizwa Mara kwa Mara (FAQ)

Je, matokeo ya AA na AAA yanamaanisha nini?
AA ndio kiwango ambacho tovuti nyingi zinalenga: kinahitaji uwiano wa angalau 4.5:1 kwa maandishi ya kawaida na 3:1 kwa maandishi makubwa. AAA ni kali zaidi — 7:1 kwa maandishi ya kawaida na 4.5:1 kwa maandishi makubwa. Uwiano unaanzia 1:1 (hakuna utofautishaji) hadi 21:1 (nyeusi kwenye nyeupe).

Ni nini kinachohesabiwa kama maandishi makubwa?
Maandishi kuanzia 18pt (karibu 24px), au 14pt (karibu 18.5px) yakiwa na koo (bold). Maandishi makubwa zaidi yanabaki kusomeka kwa urahisi kwenye utofautishaji wa chini, kwa hivyo yanafaulu AA katika 3:1 na AAA katika 4.5:1 badala ya viwango vikali zaidi vya maandishi ya kawaida.

Ni miundo gani ya rangi ninayoweza kuingiza?
Andika thamani ya hex kama #1a1a1a, thamani ya rgb() kama rgb(26, 26, 26), au thamani ya hsl() — au bofya kiolezo chochote ili kuchagua rangi. Tumia kitufe cha kubadilishana ili kugeuza rangi za maandishi na mandharinyuma.

Je, hii ni WCAG 2 au mbinu mpya zaidi ya APCA?
Inatumia fomula ya WCAG 2.1 / 2.2, ambayo ndiyo inayorejelewa sasa katika sheria na ukaguzi wa ufikiaji. APCA ni mbinu mpya zaidi, inayozingatia zaidi mtazamo ambayo bado inaandaliwa kwa ajili ya WCAG 3 — inaleta matumaini, lakini bado si kiwango rasmi cha uzingatiaji, kwa hivyo matokeo ya kufaulu hapa hayaitumii.