Chowunikira chosiyanitsa cha mtundu

Yang'anani mitundu yanu

Yesani mitundu yamitundu kuti muwonetsetse kuti ikukwaniritsa milingo ya WCAG yofikira pakuwerenga mawu.

Kusiyanitsa

AAA

Zotsatira za lemba

Super

Ziyerekezedwa: #000000 pa #ACF7DA

Lemba

16px, Regular (400)

Iverengeredwa ngati lemba wamba.

AA (WCAG 1.4.3): okwana 4.5:1
Wadutsa
AAA (WCAG 1.4.6): okwana 7:1
Wadutsa

Zigawo za UI ndi zithunzi

Ma icon, malire a zolowera, zovindikira za focus ndi mbali zina zomwe muyenera kuziwona kuti mugwiritse ntchito mawonekedwe.

AA (WCAG 1.4.11): okwana 3:1
Wadutsa

Momwe izi zimayang'aniridwa

Mitundu omwe ayerekezedwa (pambuyo posakaniza): Lemba #000000 pa kumbuyo #ACF7DA
Kuwala kofananira: Lemba 0.0000, kumbuyo 0.8035
Fomula: (L1 + 0.05) / (L2 + 0.05) pomwe L1 ndi kuwala kwa mtundu wopepuka ndipo L2 wa mtundu wakuda.
Chiwerengero chenicheni: 17.0708 kwa 1, zimawonetsedwa ngati 17.07 kwa 1. Mtengo wowonetsedwa amachedwa (amachepetsedwa), osatayidwa, choncho sudzawoneka bwino kuposa momwe zilili. Mtengo chenicheni ndiwo womwe umafananitsidwa ndi zofunikira.

Kukula kwa mawu: 16px, Regular (400)

Iverengeredwa ngati lemba wamba. Lemba lalikulu ndi okwana 24px (18pt), kapena okwana 18.67px (14pt) akakhala bold (kulemera 700 kapena kuposa). Makulidwe amawonekera atachotsedwa, osati kuzunguliridwa.

Mfundo

Mtundu wa Malemba

Mtundu Wambuyo

Kukula kwa malemba (px)

Kulemera kwa font

Mutu wowoneratu

Nkhandwe yofulumira imalumphira pa galu waulesi

Chitsanzo chaching'ono (12px)

Mawu

#000000

Mbiri

#acf7da

Miyezo ya WCAG

Mulingo AA

Kusiyanitsa kochepa kwa 4.5:1 pamawu wamba ndi 3:1 pamawu akulu. Zofunikira pamasamba ambiri.

Mulingo AAA

Kusiyanitsa kowonjezera kwa 7:1 pamawu wamba ndi 4.5:1 pamawu akulu. Akulimbikitsidwa kuti athe kupezeka bwino.

Werengetsani kusiyana kwa mawu ndi mitundu yakumbuyo.

Sankhani mtundu pogwiritsa ntchito chosankha chamtundu wa mawu ndi chakumbuyo kapena lowetsani mtundu wa RGB hexadecimal format (monga #259 kapena #2596BE). Mutha kusintha slider kuti musankhe mtundu. Maupangiri a Web Content Accessibility Guidelines (WCAG) ali ndi chitsogozo chapadera chothandizira kudziwa ngati zolemba zimatha kuwerengedwa kwa ogwiritsa ntchito. Izi zimagwiritsa ntchito ma aligorivimu enaake kuti apange mapu ophatikizika amitundu mumitundu yofananira. Pogwiritsa ntchito fomulayi, WCAG ikunena kuti chiyerekezo cha 4.5:1 cha mitundu ndi mawu ndi maziko ake ndi okwanira pamawu okhazikika (thupi), ndipo mawu akulu (18+ pt okhazikika, kapena 14+ pt bold) ayenera kukhala ndi 3: 1 mitundu yosiyana.

Zofunika kwambiri

Kuwerengera zenizeni zenizeni zenizeni
WCAG AA & AAA cheke kutsata
Ma slider a HSL kuti musinthe bwino
Mawonekedwe angapo owonera

Zida zapamwamba

Kukonza mtundu wokha
Zitsanzo za malemba ndi maziko
Kuzindikira dzina lamitundu
Tumizani zotsatira

Mafunso ofunsidwa kawirikawiri

Kuti chikwaniritse WCAG AA, mawu wamba amafuna chiwerengero chochepa cha kusiyanitsa cha 4.5:1, pomwe mawu akulu (18pt kapena 14pt yolimba) amafuna 3:1.

WCAG AAA imafuna ziwerengero zapamwamba za kusiyanitsa: 7:1 pa mawu wamba ndi 4.5:1 pa mawu akulu, poyerekeza ndi 4.5:1 ndi 3:1 za AA motsatizana.

Gwiritsani ntchito mbali yathu yokonza yokha kuti musinthe mitundu ya mawu kapena kumbuyo mukusungabe cholinga cha kapangidwe kanu, kapena sinthani mitundu nokha pogwiritsa ntchito ma slider a HSL okhala ndi zizindikiro zowonetsa malo abwino kwambiri otsatira AA/AAA.

Madera obiriwira ndi zizindikiro za AA/AAA zimasonyeza mipata yabwino kwambiri yokwaniritsira kutsatira WCAG. Malangizo a njira (Yowala/Yakuda) akukutsogolerani ku kusiyanitsa kwabwino kutengera kuphatikiza kwa mitundu yanu yamakono.

Inde, mungathe kulemba kodi iliyonse ya hex ya mtundu kapena kugwiritsa ntchito chosankha mitundu kuti musankhe mitundu yanu. URL imasintha yokha kuti mugawane kuphatikiza kwa mitundu kwapadera.