Tus xyuas xim sib nraus

Xeem qhov sib nraus ntawm cov xim pem hauv ntej thiab keeb kwm kom paub tseeb tias nkag tau.

Kuaj koj cov xim

Xeem xim sib xyaw kom paub tseeb tias lawv ua tau raws li WCAG cov qauv rau kev nyeem ntawv.

1.00:1
Sib Nraus
Tsis dhau
Tsis zoo heev

Ntawv ib txwm

AA (4.5:1)
Tsis dhau
AAA (7:1)
Tsis dhau

Ntawv loj

AA (3:1)
Tsis dhau
AAA (4.5:1)
Tsis dhau

Kev kho sai

Aa
Npe saib ua ntej

Tus dev daj dhia dhau tus dev qeeb

Piv txwv ntawv me (12px)

Ntawv
#ffffff
Keeb kwm yav dhau
#018786

WCAG Cov Qauv

Theem AA

Minimum contrast ratio ntawm 4.5:1 rau cov ntawv zoo tib yam thiab 3:1 rau cov ntawv loj. Yuav tsum tau rau feem ntau cov websites.

Theem AAA

Enhanced contrast ratio ntawm 7:1 rau cov ntawv zoo tib yam thiab 4.5:1 rau cov ntawv loj. Pom zoo rau kev nkag mus zoo tshaj plaws.

Tsis muaj kev sib piv txaus rau txhua qhov loj ntawm cov ntawv - tsis ua raws li WCAG cov qauv.

Tus xyuas xim sib nraus

Xam qhov sib nraus ntawm ntawv thiab keeb kwm xim.

Xaiv ib xim siv lub xim picker rau ntawm cov ntawv thiab cov xim tom qab los yog nkag mus rau ib xim hauv RGB hexadecimal hom (piv txwv, #259 los yog #2596BE). Koj tuaj yeem hloov lub slider los xaiv xim. Cov Web Content Accessibility Guidelines (WCAG) muaj ib txoj cai tshwj xeeb los pab nrhiav seb cov ntawv yog nyeem tau rau cov neeg pom. Qhov kev cai no siv cov algorithm tshwj xeeb los teeb map xim ua ke rau hauv ratios rau kev sib piv. Siv daim qauv no, WCAG hais tias ib 4.5:1 xim contrast ratio nrog cov ntawv thiab nws cov tom qab yog txaus rau cov ntawv (lub cev) cov ntawv, thiab cov ntawv loj (18+ pt, los yog 14+ pt bold) yuav tsum muaj tsawg kawg ib 3:1 xim contrast ratio.

Cov yam ntxwv tseem ceeb

  • Kev suav sib piv hauv lub sijhawm tiag
  • Kev kuaj xyuas WCAG AA & AAA kev ua raws li
  • HSL sliders rau kev kho kom zoo
  • Ntau hom kev saib ua ntej

Cov cuab yeej siab heev

  • Kev kho xim tsis siv neeg
  • Cov qauv ntawv thiab keeb kwm yav dhau
  • Kev txheeb xyuas npe xim
  • Export cov txiaj ntsig

Cov lus nug nquag nug

Rau WCAG AA, ntawv ib txwm yuav tsum muaj qhov sib piv tsawg kawg 4.5:1, thaum ntawv loj (18pt lossis 14pt tuab) yuav tsum muaj 3:1.

WCAG AAA xav tau qhov sib piv siab dua: 7:1 rau ntawv ib txwm thiab 4.5:1 rau ntawv loj, piv rau AA cov 4.5:1 thiab 3:1 feem.

Siv peb qhov kev kho xim tsis siv neeg kom hloov cov ntawv lossis keeb kwm xim thaum khaws koj lub hom phiaj tsim, lossis kho xim los ntawm tes siv HSL sliders nrog cov cim pom qhia thaj chaw zoo tshaj rau AA/AAA.

Thaj ntsuab thiab cov cim AA/AAA qhia qhov ntau zoo tshaj kom ua raws li WCAG. Cov lus qhia kev taw qhia (Ci dua/Tsaus dua) coj koj mus rau qhov sib piv zoo dua raws koj cov xim tam sim no.

Yog, koj tuaj yeem nkag txhua hex code lossis siv tus xaiv xim los xaiv koj cov xim. URL hloov tam sim ntawd yog li koj tuaj yeem qhia cov xim tshwj xeeb rau lwm tus.