Kikagua Ulinganifu wa Rangi

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

    1.00:1
    Ulinganifu
    Fail
    Duni sana

    Maandishi ya Kawaida

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

    Maandishi makubwa

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #FFFF00
    #ffff00

    Marekebisho ya Haraka

    Aa

    Kichwa cha Onyesho awali

    Mbweha mwepesi kahawia anaruka juu ya mbwa mvivu

    Mfano wa maandishi madogo (12px)

    Maandishi
    #ffffff
    Mandharinyuma
    #ffff00

    Viwango vya WCAG

    Level AA

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

    Level 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 Tofauti ya 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 Juu

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