Kontrollija kasutab ametlikku WCAG-i suhtelise heleduse valemit, nii et arvud kattuvad WebAIM-i kontrollijaga ning enamiku ligipääsetavusauditite tulemustega. Kõik arvutused toimuvad brauseris - värvid ei laadita kuhugi üles ja piiranguid pole.
Värvide kontrastsuse kontrollija
Töötab täielikult sinu brauseris - midagi ei laadita üles, kontot pole vaja.
Kontrastsuse suhe
Läbibvajab 4.5:1
Läbibvajab 3:1
Ei läbivajab 7:1
Läbibvajab 4.5:1
Suur = 18pt (24px) või 14pt (18,66px) paksus kirjas.
Mis on värvide kontrastsuse kontrollija?
Värvide kontrastsuse kontrollija mõõdab teksti värvi ja tausta vahelist kontrastsuse suhet ning näitab, kas see vastab WCAG-i ligipääsetavusstandarditele. Tulemus jääb vahemikku 1:1 kuni 21:1 - seejärel näidatakse AA ja AAA läbimist või ebaõnnestumist nii tavalise kui ka suure teksti puhul.
Kuidas kasutada
- 1Sisesta värvid. Kirjuta hex-kood, rgb() väärtus või CSS-i värviniimi teksti ja tausta jaoks, või vali värvid värviproovi abil.
- 2Vaata kontrastsuse suhet. Kontrastsuse suhe uueneb reaalajas koos eelvaatega, mis näitab teksti taustal.
- 3Kontrolli märgiseid. Iga märgis näitab WCAG AA ja AAA läbimist või ebaõnnestumist nii tavalise kui ka suure teksti puhul.
Kellele see sobib
- Disaineritele, kes testivad brändivärvide kontrastsust enne arendusele edastamist.
- Veebi arendajatele, kes kontrollivad nuppu, linki ja silti värvide vastavust WCAG AA-le.
- Ligipääsetavuse audiitoritele, kes dokumenteerivad kontrastsuse probleeme täpsete suhetega.
- Sisu- ja e-posti tiimidele, kes tagavad teksti loetavuse värviliste taustade peal.
Korduvad küsimused
Kas värvide kontrastsuse kontrollija on tasuta?
Jah - see on 100% tasuta, ilma registreerimise ja piiranguteta. Tööriist töötab täielikult sinu brauseris.
Millist kontrastsuse suhet on WCAG AA jaoks vaja?
WCAG 2.1 tase AA nõuab tavalise teksti puhul vähemalt 4,5:1 ja suure teksti puhul 3:1 kontrastsuse suhet. AAA tase tõstab nõudeid: tavalise teksti puhul 7:1 ja suure teksti puhul 4,5:1.
Mis loetakse suureks tekstiks?
Suur tekst on vähemalt 18pt (umbes 24px) tavalise kaaluga või 14pt (umbes 18,66px) paksus kirjas. Suurel tekstil on lubatud madalam kontrastsuse suhe, kuna suuremad tähed on kergemini loetavad.
Kuidas kontrastsuse suhet arvutatakse?
Valemiga (L1 + 0,05) / (L2 + 0,05), kus L1 ja L2 on heledam ja tumedam värv suhteline heleduse väärtus. Heledus arvutatakse sRGB punase, rohelise ja sinise kanalite põhjal WCAG 2.x definitsiooniga.
Kas toetab hex-, RGB- ja värviniimesid?
Jah. Saab sisestada 3-, 4-, 6- või 8-kohalise hex-koodi, rgb() ja rgba() väärtusi või mis tahes CSS-i värviniimi (nt "teal"). Värve saab valida ka natiivsest värviproovijast.
Miks sama suhe mõnikord läbib ja mõnikord ebaõnnestub?
Nõutav suhe sõltub teksti suurusest ja sihttasemest. Suhe 3,5:1 ebaõnnestub AA puhul tavalise teksti jaoks, kuid läbib AA suure teksti puhul - kontrolli alati kasutatava suuruse ja taseme järgi.