Sellest tööriistast
Kontrollige esiplaani teksti ja tausta värvide kontrastsuse suhet vastavalt WCAG 2.1 juurdepääsetavuse juhistele. Sisestage värvid kuueteistkümnendkoodide, RGB-väärtuste või HSL-väärtustena ja näete koheselt kontrastsuse suhet koos WCAG AA- ja AAA-vastavuse läbimise/ebaõnnestumise tulemustega nii tavaliste kui ka suurte tekstide puhul.
Korduma kippuvad küsimused
- Millist kontrastsuse suhet on vaja WCAG-i järgimiseks?
- WCAG AA nõuab tavateksti jaoks 4,5:1 ja suure teksti (18pt+ või 14pt+ paks) jaoks 3:1. WCAG AAA nõuab tavateksti jaoks 7:1 ja suure teksti jaoks 4,5:1. Maksimaalne võimalik suhe on 21:1 (must valgel).
- Miks on värvide kontrastsus oluline?
- Piisav kontrastsus tagab teksti loetavuse vaegnägijatele, värvipimedusele või neile, kes vaatavad ekraane eredas päikesevalguses. See on paljude veebisaitide jaoks ka ADA ja ELi juurdepääsetavuse eeskirjade kohaselt seaduslik nõue.
- Mida peetakse WCAG-is suureks tekstiks?
- Suur tekst on defineeritud kui 18pt (24px) ja rohkem tavakaalu korral või 14pt (18,66px) ja rohkem paksus tekstis. Suurel tekstil on väiksemad kontrastinõuded, kuna seda on oma olemuselt lihtsam lugeda.
- Kas see tööriist kontrollib mittetekstielementide kontrastsust?
- WCAG 2.1 nõuab kasutajaliidese komponentide ja graafiliste objektide (nupud, ikoonid, vormiväljad) kontrastsuse suhet 3:1. Seda tööriista saate kasutada ka nende kontrollimiseks – lihtsalt sisestage komponendi ja taustavärvid.