Hlola imibala yakho
Hlola inhlanganisela yombala ukuqinisekisa ukuthi ihlangabezana nezindinganiso zokufinyeleleka kwe-WCAG zokufundeka kombhalo.
Kuqhathaniswe: #000000 ku-#FFFFEB
Umbhalo
16px, Regular (400)
Kubalwa njengombhalo ojwayelekile.
AA (WCAG 1.4.3): okungenani 4.5:1
IphasileAAA (WCAG 1.4.6): okungenani 7:1
Iphasile
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
Indlela ekuhlolwa ngayo
- Imibala eqhathanisiwe (ngemuva kokuxubana)
- Umbhalo #000000 kusizinda #FFFFEB
- Ukukhanya okuhlobene (relative luminance)
- Umbhalo 0.0000, isizinda 0.9877
- Ifomula
- (L1 + 0.05) / (L2 + 0.05) lapho i-L1 ingukukhanya kombala okhanyayo futhi i-L2 ukungakhanyi kombala.
- Isilinganiso esiqondile
- 20.7556 kuya ku-1, kuboniswa njenge 20.75 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.
Inja ebomvu esheshayo igxuma phezu kwenja evila
Isibonelo sombhalo omncane (12px)
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