Kikagua utofauti wa rangi

Jaribu uwiano wa rangi kati ya rangi ya mbele na mandharinyuma ili kuhakikisha ufikiaji.

Kagua rangi zako

Jaribu mchanganyiko wa rangi kuhakikisha unakidhi viwango vya ufikiaji vya WCAG kwa usomaji wa maandishi.

1.00:1
Ulinganifu
Imeshindwa
Duni sana

Maandishi ya kawaida

AA (4.5:1)
Imeshindwa
AAA (7:1)
Imeshindwa

Maandishi makubwa

AA (3:1)
Imeshindwa
AAA (4.5:1)
Imeshindwa

Marekebisho ya haraka

Aa
Kichwa cha onyesho la kukagua

Mbweha mwepesi kahawia anaruka juu ya mbwa mvivu

Mfano wa maandishi madogo (12px)

Maandishi
#ffffff
Mandharinyuma
#e2725b

Viwango vya WCAG

Kiwango AA

Uwiano wa chini wa tofauti wa 4.5:1 kwa maandiko ya kawaida na 3:1 kwa maandiko makubwa. Inahitajika kwa tovuti nyingi.

Kiwango AAA

Uwiano wa juu zaidi wa tofauti wa 7:1 kwa maandiko ya kawaida na 4.5:1 kwa maandiko makubwa. Inashauriwa kwa ufikiaji bora zaidi.

Tofauti haitoshi kwa maandishi yote - haikidhi viwango vya WCAG.

Kikagua utofauti wa rangi

Hesabu uwiano wa rangi kati ya maandishi na rangi ya mandharinyuma.

Chagua rangi kwa kutumia kiondozi rangi kwa rangi ya maandiko na mandharinyuma au ingiza rangi kwa muundo wa tarakimu ya RGB (mfano, #259 au #2596BE). Unaweza kurekebisha kitelezi ili kuchagua rangi. Miongozo ya Ufikiaji wa Maudhui ya Wavuti (WCAG) ina miongozo maalum ya kusaidia kutambua ikiwa maandiko yanayosoma yanaonekana kwa watumiaji wenye kuona. Hii inatumia algoriti maalum kupima mchanganyiko wa rangi kuwa viwango vya uwiano unaolinganishwa. Kutumia fomula hii, WCAG inasema uwiano wa tofauti wa rangi wa 4.5:1 na maandiko na mandharinyuma ni mzuri kwa maandiko ya kawaida, na maandiko makubwa (18+ pt ya kawaida, au 14+ pt yakiwa manene) yanatakiwa kuwa na angalau uwiano wa tofauti wa 3:1.

Vipengele muhimu

  • Hesabu ya uwiano wa tofauti kwa wakati halisi
  • Ukaguzi wa ulinganifu wa WCAG AA & AAA
  • Vitelezi vya HSL kwa kurekebisha kwa usahihi
  • Miundo mingi ya hakikisho

Zana za hali ya juu

  • Urekebishaji wa rangi kiotomatiki
  • Sampuli za maandishi na mandharinyuma
  • Utambuzi wa jina la rangi
  • Hamisha matokeo