← Rudi kwenye Vipengele
Free

Kikagua Utofautishaji

Kikagua Utofautishaji hukokotoa uwiano wa utofautishaji wa WCAG 2.1 kati ya rangi mbili na kuzipanga dhidi ya vizingiti vya AA/AAA kwa maandishi ya kawaida na makubwa. Hakikisho la moja kwa moja linaonyesha maandishi yaliyotolewa kwa rangi zilizochaguliwa, na kitufe cha "chagua mandharinyuma ya ukurasa" huchukua sampuli ya ukurasa wa sasa.

Ufikikaji unazidi kuhitajika - kufuata WCAG ni hitaji la kisheria katika mamlaka nyingi, na hata pale ambapo si hivyo, utofautishaji duni hufukuza watumiaji. Kikagua Utofautishaji hukuambia papo hapo kama rangi zozote mbili zinakidhi viwango vya WCAG. Chagua rangi ya mbele na ya mandharinyuma kupitia kichagua rangi au bandika thamani za hex; zana hukokotoa uwiano wa utofautishaji kwa kutumia fomula rasmi ya mwangaza ya WCAG na kuipanga dhidi ya vizingiti vinne: AA ya kawaida (≥4.5:1), AA kubwa (≥3:1), AAA ya kawaida (≥7:1), na AAA kubwa (≥4.5:1). Kila kizingiti kinaonyesha beji wazi ya Kufaulu/Kufeli. Hakikisho la moja kwa moja hutoa maandishi makubwa na ya kawaida katika rangi zilizochaguliwa ili uweze kuona athari halisi ya kuona. Kitufe rahisi huchukua sampuli ya rangi ya mandharinyuma ya ukurasa wa sasa iliyokokotolewa — muhimu wakati wa kujaribu ikiwa mchanganyiko wa rangi kwenye tovuti halisi unapita. Kila kitu kinaendeshwa ndani ya kivinjari chako, hakuna upakiaji.

Uhakiki wa Moja kwa Moja
example.com
Mkaguzi wa Utofauti WCAG 2.1
Mandhari ya mbele
#1A1A1A
Usuli
#FFFFFF
Maandishi makubwa yanaonekana hivi
Maandishi ya kawaida ya 14px yanaonekana hivi
18.10:1
Uwiano wa Utofauti
Bora sana
AA · Normal
✓ Pass
≥ 4.5:1
AA · Large
✓ Pass
≥ 3:1
AAA · Normal
✓ Pass
≥ 7:1
AAA · Large
✓ Pass
≥ 4.5:1
Vipengele Muhimu

Ukadiriaji wa Papo hapo wa WCAG 2.1

Inatumia fomula rasmi ya mwangaza wa WCAG kukokotoa uwiano wa utofautishaji. Matokeo ni kamili na yanalingana na kila kikagua ufikikaji kinachotii.

Ukaguzi wa Daraja Nne kwa Wakati Mmoja

Kufaulu/Kufeli kwa AA ya kawaida (≥4.5:1), AA kubwa (≥3:1), AAA ya kawaida (≥7:1), AAA kubwa (≥4.5:1) — zote zimeonyeshwa kama gridi.

Hakikisho la Rangi Moja kwa Moja

Hutoa maandishi halisi makubwa na ya kawaida katika rangi ulizochagua ili uone athari za kuona kando na uwiano wa nambari.

Chagua Mandharinyuma ya Ukurasa

Mbofyo mmoja huchukua sampuli ya rangi ya mandharinyuma ya ukurasa wa sasa iliyokokotolewa — muhimu kwa kujaribu michanganyiko ya ulimwengu halisi.

Maingizo ya Hex au Kichagua Rangi

Andika thamani ya hex au utumie kichagua rangi asili. Thamani husawazishwa pande zote mbili unapohariri yoyote.

Badilisha Rangi

Kubadilishana kwa mbofyo mmoja hugeuza rangi ya mbele na ya mandharinyuma — muhimu wakati wa kuangalia mandhari yaliyogeuzwa au hali za kuelea.

Matumizi ya Kawaida

Kubuni Kiolesura Kinachofikika

Kabla ya kukamilisha rangi, kagua kila rangi ya maandishi dhidi ya mandharinyuma yake ili kuhakikisha ufuasi wa WCAG AA — huepuka kufanya kazi tena baadaye.

Kukagua Tovuti Zilizopo

Tumia "chagua mandharinyuma ya ukurasa" kwenye tovuti ya moja kwa moja, kisha ubandike rangi halisi ya maandishi - pata ukiukaji wa ufikikaji ndani ya dakika bila kufungua Lighthouse.

Ufuasi wa Rangi ya Chapa

Wakati chapa inapochagua rangi inayoweza kufeli ufikikaji, tumia kikagua kupata lahaja ya karibu inayotii (kivuli cheusi/chepesi).

Kukagua Hali ya Kuelea & Amilifu

Thibitisha kuwa rangi za hali ya kuelea/amilifu/iliyozimwa bado zinatimiza mahitaji ya utofautishaji, sio tu ya chaguo-msingi.

Uthibitishaji wa Hali ya Giza

Mandhari meusi mara nyingi hufeli utofautishaji kwa maandishi ya kijivu kwenye rangi ya kijivu. Kagua rangi zako za kijivu cheusi zaidi dhidi ya mandharinyuma meusi zaidi ili kuyapata.

Jinsi ya Kutumia
1

Fungua Kikagua Utofautishaji

Bofya ikoni ya Utofautishaji kwenye gati ya DevSuite Pro. Paneli inafunguka na sehemu za rangi ya mbele na mandharinyuma.

2

Weka Rangi ya Mbele na Mandharinyuma

Tumia kichagua rangi au bandika thamani ya hex kwa kila moja. Hakikisho la moja kwa moja husasishwa unapobadilisha rangi.

3

Soma Uwiano

Nambari kubwa (k.m. 4.8:1) ndio uwiano wa utofautishaji. Zaidi ni bora. 3 ndio kiwango cha chini; 4.5 ndio lengo kwa maandishi ya kawaida.

4

Kagua Beji za Daraja

Beji za Kufaulu/Kufeli za AA na AAA, saizi za kawaida na kubwa za maandishi, zinaonyesha kwa muhtasari kile ambacho mchanganyiko wako unafaa.

5

Rekebisha Hadi Kufaulu

Ikiwa inafeli, rekebisha rangi. Fanya rangi ya mbele iwe giza au fanya mandharinyuma iwe nyepesi (au kinyume chake) hadi kiwango kinacholengwa kionyeshe Kufaulu.

Uko Tayari Kujaribu?

Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.

Ongeza kwenye Chrome Ongeza kwa Edge Ongeza kwenye FireFox