Tofauti ya Rangi ya WCAG kwa Wabunifu
Kanuni ya 4.5:1, hesabu ya uwiano wa tofauti, na zana za bure za kuangalia jozi yoyote ya rangi.
Ikiwa maandishi yako hayafikii tofauti ya WCAG AA, inakadiriwa watu milioni 285 wenye ulemavu wa kuona hawawezi kuyasoma. Pia uko katika hatari ya kisheria inayoongezeka katika EU na Marekani. Habari njema: kanuni ni rahisi.
Kanuni ya 4.5:1
Maandishi ya mwili lazima yawe na uwiano wa tofauti angalau 4.5:1 dhidi ya mandharinyuma yake ili kupita WCAG AA. Maandishi makubwa (24px+ ya kawaida au 18px+ yenye ujasiri) yana kiwango cha chini cha 3:1.
Kwa kufuata AAA: 7:1 kwa mwili, 4.5:1 kwa maandishi makubwa.
Jinsi uwiano wa tofauti unavyohesabiwa
WCAG hutumia mwangaza wa jamaa — badilisha kila rangi kuwa thamani ya mwangaza (0 = nyeusi, 1 = nyeupe) kwa kutumia fomula maalum, kisha hesabu (L1 + 0.05) / (L2 + 0.05), ambapo L1 ni rangi nyepesi.
Huna haja ya kufanya hesabu — tumia kikagua tofauti chetu cha bure kuweka rangi zozote mbili na kuona uwiano.
Matukio ya kawaida ya kushindwa
- Kijivu hafifu kwenye nyeupe — #999 kwenye #fff = 2.85 (inashindwa). #767676 kwenye #fff = 4.54 (inapita).
- Nyeupe kwenye njano — karibu kila mara inashindwa. Tumia maandishi meusi kwenye njano.
- Viungo vya rangi katika maandishi ya mwili — viungo vingi vya bluu vinapita dhidi ya nyeupe lakini vinashindwa dhidi ya kijivu hafifu. Jaribu mandharinyuma halisi inayozunguka.
- Rangi za chapa zinazoonekana nzuri — mara nyingi zinashindwa. Ongeza mandharinyuma ya nyeupe isiyo safi au giza maandishi.
Kuchagua jozi za rangi zinazoweza kufikiwa
Mifumo mitatu ya kuaminika:
- Giza kwenye mwanga — #1f2937 kwenye #fff = 14:1 (kamili).
- Nyeupe kwenye giza — #fff kwenye #1f2937 = 14:1 (kamili).
- Giza kwenye lafudhi — #1f2937 kwenye #fbbf24 = 9:1 (kamili kwa vifungo).
Zaidi ya maandishi
WCAG 2.1 pia inahitaji 3:1 kwa vipengele visivyo vya maandishi (vifungo, pete za umakini, mipaka ya fomu). Kikagua kinashughulikia vyote.
Mandhari ambayo hayatapigana na wijeti zako
Ikiwa wewe ni mbunifu unaoweka mandhari nyuma ya wijeti za saa na arifa, chagua mandhari yenye tofauti chini ya 5:1 katika maeneo ya wijeti. Zana yetu ya Gaussian blur inaweza kulainisha maeneo yenye shughuli nyingi ya mandhari yoyote kwa usomaji bora wa wijeti.
Jaribu zana zetu za bure
Mwongozo huu mwingi unaambatana na zana ya vitendo unayoweza kutumia sasa hivi — hakuna usajili unaohitajika kwa matumizi ya kwanza:
- Kipunguza picha — kupunguza na kuongeza ukubwa kwa usahihi wa pikseli.
- Badilisha hadi WebP — faili ndogo kwa 30-50% kuliko JPG.
- Kiondoa mandharinyuma — kukata kwa kubofya moja, PNG yenye uwazi.
- Kizalisha favicon — kila ukubwa wa kivinjari kutoka chanzo kimoja.
- Kipunguza ukubwa wa mitandao ya kijamii — vipimo halisi vya kila jukwaa.
- Usindikaji wa kundi — tumia zana yoyote kwa hadi picha 200 mara moja.
Vinjari katalogi kamili ya zana.
