Magproseso ng hanggang 200 larawan bawat trabaho — piliin ang iyong mga setting nang isang beses, patakbuhin lahat.
I-paste ang isang foreground at background na kulay (o pumili mula sa isang screenshot); kunin ang contrast ratio at kung aling mga antas ng WCAG ang pumasa. Ang WCAG 2.1 AA ay ang legal na baseline ng accessibility sa karamihan ng mga hurisdiksyon; ang AAA ay ang mas mataas na pamantayan na inirerekomenda para sa kritikal na nilalaman.
Ang mga threshold
- WCAG AA, normal na teksto: 4.5:1 minimum.
- WCAG AA, malaking teksto (18pt+ o 14pt+ bold): 3:1 minimum.
- WCAG AAA, normal na teksto: 7:1 minimum.
- WCAG AAA, malaking teksto: 4.5:1 minimum.
- Mga bahagi ng UI na hindi teksto (mga button, border ng form): 3:1 minimum (WCAG 2.1+).
Bakit mahalaga ang contrast
Ang mababang contrast na teksto ay hindi mababasa para sa mga user na may mahinang paningin (mga 4% ng populasyon), mga user sa maliwanag na sikat ng araw, mga user sa murang monitor, at tumatandang mata (lahat, sa huli). Maraming design system ang nagde-default sa grey-on-grey dahil mukhang elegante ito sa naka-calibrate na 5K display ng designer — at hindi mababasa sa ibang lugar.
Ang pagkabigo sa WCAG AA ay legal ding maaaring kasuhan sa US (ADA Title III), EU (EAA), at marami pang ibang hurisdiksyon. Murang insurance: patakbuhin ang bawat pares ng teksto/background sa isang checker bago ilabas.
Ano ang aming iniuulat
- Contrast ratio bilang isang numero (hal. 4.71:1).
- Pass/fail para sa bawat antas ng WCAG at laki ng teksto.
- Mga iminungkahing ayos: ang pinakamalapit na mas madilim na foreground o mas maliwanag na background na papasa.
- Live preview na may sample na teksto sa pares ng kulay.
Pares sa color-blindness simulator
Ang contrast at color-blindness ay magkaibang axes ng accessibility. Patakbuhin ang Color Blindness Simulator sa parehong UI upang i-verify na gumagana ito para sa mga user na may CVD din.
Mga Madalas Itanong
Ano ang kahulugan ng 'malaking teksto'?
WCAG: 18pt regular o 14pt bold. Tinatayang 24px regular o 19px bold sa CSS.
Gumagana ba ito sa mga gradient?
Subukan ang pinakamalalang punto — karaniwan ang pinakamaliwanag na bahagi ng gradient laban sa iyong foreground.
Maaari ko bang suriin mula sa isang screenshot?
Oo — mag-upload ng screenshot at i-click ang mga kulay ng foreground at background.
Ano ang pinakamababang katanggap-tanggap na ratio?
WCAG AA: 4.5:1 para sa teksto ng katawan. Anumang mas mababa dito ay hindi sumusunod.
Mas madilim ba ay laging mas maganda?
Mas mainam ang mas mataas na contrast para sa pagiging madaling basahin. Ngunit ang purong itim sa purong puti ay maaaring maging matindi; maraming sistema ang gumagamit ng #1A1A1A sa #FAFAFA para sa bahagyang mas malambot na contrast na pumapasa pa rin sa AAA.
Paano naman ang contrast ng icon?
Nagdagdag ang WCAG 2.1 ng minimum na 3:1 para sa mga non-text UI component — mga button, border ng form, focus rings.
Maaari ko bang i-batch check ang mga pares ng kulay?
Premium: i-paste ang isang CSV ng mga pares at makuha ang lahat ng ratios sa isang ulat.
Pribado ba ang mga upload?
Oo — tatanggalin sa loob ng 24 oras.
Tungkol sa Contrast Checker
Contrast Checker ay isang libreng online tool mula sa Wallpapers.com na tumatakbo nang buo sa iyong browser — walang install, walang watermark, walang email sign-up para sa unang subok.
Suriin kung ang isang pares ng kulay ng foreground / background ay pumasa sa WCAG accessibility.
Paano gamitin Contrast Checker
- Ihulog ang iyong larawan sa upload area (single o batch — i-toggle ang Bulk sa itaas).
- Pumili ng anumang setting na inilalabas ng tool (laki, format, kalidad).
- I-click ang Run. Awtomatikong magda-download ang resulta — walang manu-manong pag-save.
Kailan ito gagamitin
Mga karaniwang gamit ay kinabibilangan ng:
paghahanda ng mga larawan para sa web upload, e-commerce listings, social media platforms na may format constraints, at pag-convert ng mga file mula sa isang device o app patungo sa iba.
Libre vs Premium
Bawat bisita ay may free trial run; ang naka-sign in na libreng user ay may mas mataas na arawang quota. Mag-subscribe sa
Premium
para sa walang limitasyong runs, bulk processing hanggang 200 images per job, priority queue, at ad-free browsing.
Mga kaugnay na tool
Naghahanap ng medyo iba? Subukan ang
EXIF Stripper
,
Alisin ang EXIF Metadata
o
EXIF Viewer
— o i-browse lahat
Metadata & Accessibility mga kasangkapan.
