Värvikontrasti kontrollija
Kontrollige teksti- ja taustavärvi kontrasti WCAG 2 ja APCA järgi. Kontrollija arvutab suhtelise heleduse põhjal WCAG 2 kontrastsussuhte, näitab, kas AA ja AAA taseme nõuded on tavalise ja suure teksti ning UI graafika puhul täidetud, ja lisab APCA heleduskontrasti väärtuse koos juhisega, milleks see väärtus sobib. Mõeldud disaineritele ja arendajatele, kes loovad ligipääsetavaid kasutajaliideseid.
Korduma kippuvad küsimused
Mida WCAG tasemed tähendavad?
AA tase nõuab tavalise teksti puhul 4.5:1 ja suure teksti puhul 3:1 (edukriteerium 1.4.3); AAA tase nõuab 7:1 ja 4.5:1 (1.4.6). Kasutajaliidese komponendid ja tähenduslik graafika peavad kõrvutiste värvidega saavutama kontrasti 3:1 (1.4.11). Kontrollija näitab kõigi nende viie lävendi puhul, kas nõue on täidetud.
Mida peetakse suureks tekstiks?
WCAG määratluse järgi on suur tekst vähemalt 18 punkti tavakirjas, umbes 24 CSS pikslit, või vähemalt 14 punkti paksus kirjas, umbes 18.66 CSS pikslit. Väiksem tekst on tavaline tekst ja vajab suuremat kontrastisuhet.
Miks suhe 4.499:1 AA taset ei täida?
WCAG lävendid on täpsed, seega suhe, mis ümardataks väärtuseks 4.5, kuid jääb sellest väiksemaks, ei vasta nõudele. Kontrollija võrdleb ümardamata suhet ja kuvab selle kahe kümnendkohani kärbituna, nii et kuvatud arv ei näi tegelikust väärtusest parem.
Mis on APCA?
Accessible Perceptual Contrast Algorithm on kontrastimeetod, mis töötati välja WCAG 3 kavandite jaoks. See modelleerib tajutavat heleduskontrasti, käsitleb teksti ja tausta erinevalt ning annab heleduskontrasti väärtuse Lc vahemikus umbes -108 kuni 106. See ei kuulu veel ühegi avaldatud WCAG standardi koosseisu, seega kasutage vastavuse hindamiseks WCAG 2 tulemusi ja lisakontrollina APCA-t.
Miks on APCA väärtus mõnikord negatiivne?
APCA arvestab polaarsusega: positiivne väärtus tähendab tumedat teksti heledal taustal, negatiivne väärtus heledat teksti tumedal taustal. Juhis kasutab absoluutväärtust, seega kuuluvad Lc -75 ja Lc 75 samasse kategooriasse.
Kuidas APCA juhise tasemed määratakse?
Need lähtuvad APCA lihtsast pronksitaseme režiimist: Lc 90 on põhiteksti jaoks eelistatud, Lc 75 on põhiteksti miinimum, Lc 60 muu sisuteksti jaoks, Lc 45 pealkirjade ja suure teksti jaoks, Lc 30 kiiresti loetava teksti, näiteks kohatäiteteksti jaoks, ning Lc 15 mittetekstiliste elementide jaoks. Arvestada tuleb ka fondi suuruse ja paksusega, seega võtke neid tasemeid lähtepunktide, mitte lõpliku hinnanguna.
Milline APCA versioon on rakendatud?
Rakendatud on versiooni 0.0.98 G APCA-W3 konstandid, redaktsioon 4g, kasutades lihtsat astendajat 2.4 sRGB kanalitel, pehmet musta piirangut ja madala kontrasti kärpimist. Must tekst valgel taustal annab umbes Lc 106.0 ja valge tekst mustal taustal umbes Lc -107.9, mis vastab võrdlusrakendusele.
Milliseid värvivorminguid saan sisestada?
Hex-koodid koos märgiga # või ilma, CSS värvinimed, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() värviruumid, näiteks display-p3, ning cmyk(). sRGB-välised värvid teisendatakse kõigepealt sRGB-ks, sest mõlemad valemid on määratletud sRGB-ekraanivärvide jaoks.
Kuidas käsitletakse läbipaistvaid värve?
Poolläbipaistev tekstivärv segatakse enne mõõtmist taustavärviga kokku, nii nagu brauser seda kuvab. Poolläbipaistev taust segatakse kõigepealt valgega. Tulemuses loetletakse läbipaistmatud teksti- ja taustavärvid, mida tegelikult võrreldi.
Kas kahe värvi järjekord on oluline?
WCAG 2 puhul pole see oluline, sest heledama ja tumedama heleduse suhe on mõlemas järjekorras sama. APCA puhul on see oluline, sest teksti ja tausta kaalutakse erinevalt. Sisestage tekstivärv esimesele ja taustavärv teisele väljale.