Umhloli wokuphikisana kombala

Hlola isilinganiso sokuphikisana phakathi kombala wangaphambili nombala wangemuva ukuqinisekisa ukufinyeleleka.

Hlola imibala yakho

Hlola inhlanganisela yombala ukuqinisekisa ukuthi ihlangabezana nezindinganiso zokufinyeleleka kwe-WCAG zokufundeka kombhalo.

6.47 ku-1
Ukuphikisana
AA
Umphumela wombhalo
Kuhle

Kuqhathaniswe: #FFFFFF ku-#8631C3

Umbhalo

16px, Regular (400)

Kubalwa njengombhalo ojwayelekile.

  • AA (WCAG 1.4.3): okungenani 4.5:1

    Iphasile
  • AAA (WCAG 1.4.6): okungenani 7:1

    Kudingiwe enye 0.53

    Akudlulile

Izinto ze-UI nemidwebo

Ama-icon, imiphetho yokufaka, izinkomba ze-focus nezinye izingxenye okufanele uzibone ukuze usebenzise isikhombimsebenzisi.

  • AA (WCAG 1.4.11): okungenani 3:1

    Iphasile
6.47 kuya ku-1. Umbhalo: idlula ku-AA, iyehluleka ku-AAA. Izingxenye ze-UI: idlula.
Indlela ekuhlolwa ngayo
Imibala eqhathanisiwe (ngemuva kokuxubana)
Umbhalo #FFFFFF kusizinda #8631C3
Ukukhanya okuhlobene (relative luminance)
Umbhalo 1.0000, isizinda 0.1120
Ifomula
(L1 + 0.05) / (L2 + 0.05) lapho i-L1 ingukukhanya kombala okhanyayo futhi i-L2 ukungakhanyi kombala.
Isilinganiso esiqondile
6.4794 kuya ku-1, kuboniswa njenge 6.47 kuya ku-1. Inani elibonisiwe lisikwa, alizungezwa, ngakho alisoze libonakale lingcono kunalokho elikhona. Inani eliqondile yilokho okuqhathaniswa nesidingo.

Usayizi wombhalo: 16px, Regular (400)

Kubalwa njengombhalo ojwayelekile. Umbhalo omkhulu ulingana noma ngaphezulu kuka-24px (18pt), noma ulingana noma ngaphezulu kuka-18.67px (14pt) uma une-bold (isisindo 700 noma ngaphezulu). Osayizi baboniswa besikiwe, hhayi ngabazungeziwe.

Kubalwa njengombhalo ojwayelekile. Umbhalo omkhulu ulingana noma ngaphezulu kuka-24px (18pt), noma ulingana noma ngaphezulu kuka-18.67px (14pt) uma une-bold (isisindo 700 noma ngaphezulu). Osayizi baboniswa besikiwe, hhayi ngabazungeziwe.

Aa
Isihloko sokubuka kuqala

Inja ebomvu esheshayo igxuma phezu kwenja evila

Isibonelo sombhalo omncane (12px)

Umbhalo
#ffffff
Isizinda
#8631c3

Izindinganiso ze-WCAG

Izinga AA

Isilinganiso esincane sika 4.5:1 sombhalo ojwayelekile no-3:1 wombhalo omkhulu. Okudingekayo kwamaningi amawebhusayithi.

Izinga AAA

Isilinganiso esithuthukisiwe esingu-7:1 sombhalo ojwayelekile no 4.5:1 wombhalo omkhulu. Kunconywa ukuze kutholakalwe kalula.

Umhloli wokuphikisana kombala

Bala isilinganiso sokuphikisana kombala wombhalo nombala wangemuva.

Khetha umbala usebenzisa i-color picker yombhalo nombala we-background noma faka umbala nge-RGB hexadecimal format (isb., #259 noma #2596BE). Ungashintsha isilayidi ukukhetha umbala. I-Web Content Accessibility Guidelines (WCAG) ineseluleko esithile sokusiza nokuthi ngabe umbhalo uyafundeka yini kubasebenzisi abangabona kahle. Lezi zindlela zisebenzisa ukusebenza okubacakalayo nokwenza isilinganiso. Usebenzisa le fomula, i-WCAG ithi umbala 4.5:1 nesikhumba sowumbhalo nesidlalela esifanele umbhalo ojwayelekile, futhi umbhalo omkhulu (18+ pt ojwayelekile, noma 14+ pt obold) kufanele ube okungenani isilinganiso sikambala esingu-3:1.

Izici Eziyinhloko

  • Ukubalwa kwesilinganiso sokuhlukana ngesikhathi sangempela
  • Ukuhlolwa kokuhambisana ne-WCAG AA & AAA
  • Izilayida ze-HSL zokulungisa kahle
  • Izindlela eziningi zokubuka kuqala

Amathuluzi Athuthukile

  • Ukulungiswa kombala okuzenzakalelayo
  • Izibonelo zombhalo nesizinda
  • Ukutholwa kwegama lombala
  • Thumela imiphumela

Imibuzo ebuzwa njalo

Ukuze kuthobele i-WCAG AA, umbhalo ojwayelekile udinga isilinganiso sokuphikisana esingu-4.5:1 okungenani, kuyilapho umbhalo omkhulu (18pt noma 14pt ogqamile) udinga u-3:1.

I-WCAG AAA idinga izilinganiso eziphakeme zokuphikisana: u-7:1 wombhalo ojwayelekile kanye no-4.5:1 wombhalo omkhulu, uma kuqhathaniswa no-AA onezilinganiso ezingu-4.5:1 no-3:1 ngokulandelana.

Sebenzisa isici sethu sokulungisa ngokuzenzakalelayo ukulungisa umbala wombhalo noma wangemuva ngaphandle kokulahlekelwa yinjongo yakho yokuklama, noma lungisa imibala ngesandla ngezilayida ze-HSL nezimpawu zokubona ezikhombisa izindawo ezinhle kakhulu zokuthobela i-AA/AAA.

Izindawo eziluhlaza nezimaki ze-AA/AAA zikhombisa izinhla ezinhle kakhulu zokuthobela i-WCAG. Izeluleko zesiqondiso (Ukuya ekukhanyeni/Ukuya emnyameni) zikuqondisa ekuphikisaneni okungcono ngokusekelwe ekuhlanganiseni kwakho kombala wamanje.

Yebo, ungafaka noma yiliphi ikhodi lombala we-hex noma usebenzise isikhethi sombala ukukhetha imibala yakho. I-URL ibuyekezwa ngokuzenzakalelayo ukuze ukwazi ukwabelana ngezinhlanganisela zemibala ethile.