Helehall tekst valgel taustal võib esmapilgul tunduda elegantne ja minimalistlik – ning olla täiesti loetamatu nägemispuudega, ekraanil tugeva päikesevalguse või lihtsalt tavalise silmadega tööpäeva lõpus kasutajatele. Värvikontrastsus on juurdepääsetavuse üks "tehnilisemaid" kriteeriume – tuleb täita täpsed numbrid –, kuid seda on ka üks lihtsamini testitavaid ja eelnevalt parandatavaid kriteeriume.
Lühidalt – mida see juhend hõlmab
Mida suhtarvud WCAG nõuavad
WCAG määratleb kontrastsuse suhte kui arvu vahemikus 1:1 (kontrast puudub – identne värv) kuni 21:1 (maksimaalne võimalik kontrast – puhas must puhtal valgel). Tasemel AA (kohustuslik tase enamikus kohtades, sealhulgas Iisraelis) on tavateksti ja selle taga oleva tausta suhe vähemalt 4,5:1. Rangemal AAA tasemel tõuseb nõue 7:1-ni.
Miks lubatakse suurel tekstil vähem kontrasti?
Suur tekst jääb loetavaks ka väiksema kontrastsusega, nii et WCAG seab sellele lihtsama läve: 3:1 tasemel AA (4,5:1 asemel) ja 4,5:1 tasemel AAA (7:1 asemel). "Suur tekst" on 18 punkti või suurem tekst (umbes 24 pikslit) või 14 punkti või suurem (umbes 18,7 pikslit), kui see on paksus kirjas. Näiteks suured pealkirjad võivad "endale lubada" pisut madalamat kontrasti kui tavaline põhilõik ja vastavad siiski nõuetele.
Kuidas kontrollida kontrastsuhet praktikas
Seda pole vaja käsitsi arvutada – tasuta tööriistad, nagu WebAIM Contrast Checker, võimaldavad teil sisestada teksti ja tausta värvikoodid ning saada kohe iga taseme täpse suhte ja eduka/ebaõnnestunud skoori. Tasub kontrollida mitte ainult teksti kindlal taustal, vaid ka teksti taustapiltide või gradientide kohal – kus kontrastsus võib sama pildi erinevate alade vahel erineda, seega on kõige parem testida kõige „probleemsemat” kohta.
💡 Praktiline nõuanne
Mitte ainult tekst: sama kontrastinõue (lihtsamal lävel, 3:1) kehtib ka graafiliste kasutajaliidese komponentide kohta, nagu vormivälja piirjooned, funktsionaalsed ikoonid ja nupuäärised – mitte ainult tähtede puhul.
Kuidas valida eelnevalt juurdepääsetav värvipalett
Kõige tõhusam lähenemine on kontrollida kontrasti malli kujundamise etapis, mitte igas dokumendis eraldi. Pealkirjade, sisuteksti ja linkide jaoks brändivärve valides tasub eelnevalt veenduda, et iga reaalselt kasutatav teksti-tausta kombinatsioon vastab vähemalt suhtele 4,5:1. Nii "pärib" iga malli põhjal loodud uus dokument automaatselt õige kontrasti, selle asemel, et iga dokumenti eraldi kontrollida pärast selle kirjutamist.
Kas soovite teada, kas teie dokumendid vastavad kontrastinõuetele?
Meie tööriist kontrollib värvikontrasti teie saidi iga PDF-faili automaatse skannimise osana.
Skannige oma saiti tasuta ←