Kigeuzi cha Bure

Utofautishaji wa Rangi Kikagua (WCAG)

Angalia uwiano wa utofautishaji kati ya rangi mbili kwa utiifu wa ufikivu wa WCAG AA na AAA. Bure, papo hapo, na inaendeshwa kabisa katika kivinjari chako.

Nakala ya Sampuli - Ukubwa wa Kawaida

Sampuli ya maandishi madogo - 14px

Uwiano wa Tofauti:21.00:1
WCAG AAMaandishi ya KawaidaPasi
WCAG AAMaandishi KubwaPasi
WCAG AAAMaandishi ya KawaidaPasi
WCAG AAAMaandishi KubwaPasi

Kuhusu zana hii

Angalia uwiano wa utofautishaji wa rangi kati ya maandishi ya mandharinyuma na rangi ya mandharinyuma kulingana na miongozo ya ufikivu ya WCAG 2.1. Weka rangi kama misimbo ya heksi, thamani za RGB, au thamani za HSL na uone papo hapo uwiano wa utofautishaji pamoja na matokeo ya kupita/kufeli kwa utiifu wa WCAG AA na AAA katika saizi kubwa za kawaida na za maandishi.

Jinsi ya kutumia

  1. Ingiza au chagua rangi ya mandharinyuma (maandishi) yako kwa kutumia kichagua rangi au ingizo la hex.
  2. Ingiza au chagua rangi yako ya mandharinyuma.
  3. Tazama uwiano wa utofautishaji na matokeo ya kufaulu ya WCAG 2.1 AA/AAA papo hapo.
  4. Rekebisha rangi hadi ufikie kiwango unachotaka cha kufuata.

Maswali yanayoulizwa mara kwa mara

Je, ni uwiano gani wa utofautishaji unaohitajika kwa kufuata WCAG?
WCAG AA inahitaji 4.5:1 kwa maandishi ya kawaida na 3:1 kwa maandishi makubwa (18pt+ au 14pt+ ya ujasiri). WCAG AAA inahitaji 7:1 kwa maandishi ya kawaida na 4.5:1 kwa maandishi makubwa. Uwiano wa juu unaowezekana ni 21: 1 (nyeusi juu ya nyeupe).
Kwa nini tofauti ya rangi ni muhimu?
Utofautishaji wa kutosha huhakikisha kuwa maandishi yanasomeka kwa watumiaji walio na uoni hafifu, upofu wa rangi au wale wanaotazama skrini kwenye mwangaza wa jua. Pia ni hitaji la kisheria chini ya ADA na kanuni za ufikiaji za EU kwa tovuti nyingi.
Ni nini kinachukuliwa kuwa 'maandishi makubwa' katika WCAG?
Maandishi makubwa yanafafanuliwa kama 18pt (24px) na zaidi kwa uzani wa kawaida, au 14pt (18.66px) na zaidi kwa maandishi mazito. Maandishi makubwa yana mahitaji ya chini ya utofautishaji kwa sababu ni rahisi kusoma.
Je, zana hii inaangalia utofautishaji wa vipengele visivyo vya maandishi?
WCAG 2.1 inahitaji uwiano wa 3:1 wa utofautishaji kwa vipengele vya UI na vipengee vya picha (vitufe, aikoni, sehemu za fomu). Unaweza kutumia zana hii kuthibitisha hizo pia - ingiza tu kijenzi na rangi za mandharinyuma.