Tsekador ng Color Contrast (WCAG)

Paano ko titingnan ang color contrast?

Paano gamitin

  1. Ilagay ang iyong mga halaga sa mga field sa itaas.
  2. Pindutin ang Kalkulahin upang makita agad ang resulta.
  3. Gamitin ang button na Ibahagi upang kopyahin ang link sa iyong resulta.

Tungkol sa calculator na ito

Kinakalkula ng tool na ito ang WCAG contrast ratio sa pagitan ng isang foreground at background na kulay, isang value mula 1:1 (magkaparehong kulay, walang contrast) hanggang 21:1 (purong itim sa purong puti), na kinakalkula mula sa relative luminance ng bawat kulay. Sinusuri nito ang ratio na iyon laban sa opisyal na threshold ng accessibility na AA at AAA — 4.5:1 para sa AA at 7:1 para sa AAA (pinapayagan din ng standard ang mas mababang 3:1 bar para sa malaking teksto, na hindi inilalapat ng tool na ito) — upang sabihin kung ang isang partikular na kumbinasyon ng teksto at background ay talagang sapat na mababasa upang matugunan ang mga standard ng accessibility.

Ginagamit ito ng mga web designer at front-end developer na sumusuri ng isang color palette bago ito ilabas, dahil ang mababang-contrast na teksto ay isa sa mga pinakakaraniwang reklamo tungkol sa accessibility at maaaring hindi makatugon sa legal na kinakailangan sa accessibility sa ilang hurisdiksyon. Ginagamit din ng mga accessibility auditor ang parehong kalkulasyong ito kapag sinusuri ang isang website o app para sa WCAG compliance, at kadalasang isinasama na ng mga design system ang mga pares ng kulay na pumapasa sa AA nang direkta sa kanilang component library upang lubusang maiwasan ang problema.

Was this helpful?

Maaari kang pumili ng hanggang 3 reaksyon.

Comments (0)

  • Be the first to comment.

Mga sikat na calculator

Lahat ng Calculator