Tus xyuas xim sib nraus

Kuaj koj cov xim

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

Sib Nraus

AAA

Zis rau ntawv

Zoo heev

Tau piv: #000000 rau ntawm #F1BA2C

Ntaus ntawv

16px, Regular (400)

Tau suav ua ntawv ib txwm.

AA (WCAG 1.4.3): tsawg kawg 4.5:1
Dhau
AAA (WCAG 1.4.6): tsawg kawg 7:1
Dhau

Cov cuab yeej UI thiab duab

Icons, kab tiv thaiv input, cov cim focus thiab lwm qhov uas koj xav pom kom siv tau lub interface.

AA (WCAG 1.4.11): tsawg kawg 3:1
Dhau

Yuav ua li cas qhov no raug kuaj

Cov xim tau muab piv (tom qab sib xyaw): Ntaus ntawv #000000 ntawm background #F1BA2C
Qhov ci piv: Ntaus ntawv 0.0000, background 0.5400
Cov mis: (L1 + 0.05) / (L2 + 0.05) qhov L1 yog qhov ci ntawm xim ci dua thiab L2 yog ntawm xim tsaus dua.
Ncaj nraim ratio: 11.8000 rau 1, qhia ua 11.80 rau 1. Tus nqi qhia tawm yog txiav tseg, tsis yog rauv, yog li nws tsis pom zoo tshaj qhov tseeb. Tus nqi ncaj nraim yog qhov piv rau qhov xav tau.

Loj ntawv: 16px, Regular (400)

Tau suav ua ntawv ib txwm. Ntawv loj yog tsawg kawg 24px (18pt), lossis tsawg kawg 18.67px (14pt) thaum bold (qhov hnyav 700 lossis ntau dua). Qhov loj qhia raug txiav tsis yog raug kho rau round.

Cov qauv

Xim Ntawv

Xim Keeb Kwm

Loj ntawv (px)

Qhov hnyav font

Tau suav ua ntawv ib txwm. Ntawv loj yog tsawg kawg 24px (18pt), lossis tsawg kawg 18.67px (14pt) thaum bold (qhov hnyav 700 lossis ntau dua). Qhov loj qhia raug txiav tsis yog raug kho rau round.

Npe saib ua ntej

Tus dev daj dhia dhau tus dev qeeb

Piv txwv ntawv me (12px)

Ntawv

#000000

Keeb kwm yav dhau

#f1ba2c

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.

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.