Mis on WCAG-i suhe? Miks peaksite seda oma kujunduses rakendama?

Veebisisu juurdepääsetavuse juhised (WCAG) on digitaalse ja veebidisaini juurdepääsetavuse juhised. Nende juhiste järgimine tagab, et värvid on piisavalt kontrastsed, et aidata nägemispuudega inimestel teie kujundusi õigesti näha ja lugeda. See käib käsikäes ka tüpograafilise suurusega, et tagada selle loetavus koos värvidega.

Maailmas, mis peaks olema kaasavam, tõstab kujundusele juurdepääsetavate elementide lisamine teie tööd ainult kõrgemale ja võimaldab teil seda rohkemate inimestega jagada.

Mis on WCAG-i suhe?

WCAG tähistab Veebisisu juurdepääsetavuse juhised. WCAG aitab kõigil, kes kujundavad või loovad veebi või Interneti jaoks, tagada, et nende kujundus saavutaks juurdepääsetavuseesmärgid. See tähendab, et teie disainilahendusi saavad nautida ja kasutada kõik, võimaluse korral nägemispuudega või muude puuetega inimesi välja jätmata.

WCAG suhtarv määrab minimaalsed suhtarvud eesmärgi juurdepääsetavuse saavutamiseks. See hõlmab värvide kontrastsust ja teksti suurust, mis mõlemad tagavad nägemispuudega inimestele parema võimaluse teie kujundust näha, nendega suhelda ja kasutada. WCAG-i suhtarvu tabamine mitte ainult ei aita nägemispuudega inimesi, vaid suurendab ka kõigi veebikasutajate kasutuskogemust.

The World Wide Web Consortium töötab välja veebiarenduse standardeid. Kuigi veebi juurdepääsetavuse jaoks pole kehtestatud reegleid, kehtestab WCAG standardi, mida iga veebidisainer peaks järgima.

Kontrastsuse suhte testimisel soovitab WCAG hinnangut A kuni AAA. Reiting A näitab madalaimat kontrasti taset. AA on keskmise kontrastsuse tasemed suhtega 4,5:1 – seda peetakse minimaalseks suhteks. Lõpuks on AAA kõrgeim kontrastsuse tase. Kõigile mõeldud disainimisel on teie kontrastsuse tase parim vahemikus AA ja AAA.

Miks on WCAG-i suhe graafilises ja veebidisainis oluline?

Graafiline disain ja veebidisain ei tohiks muuta teabe lihtsalt ilusaks. Teabekujundus teavitab masse – see tähendab, et teie teave on kõigile kättesaadav. WCAG-i rakendamine tagab juurdepääsetavad kujundused neile, kellel on nägemispuue, düsleksia, neurodivergents või kõik, mis mõjutab kellegi nägemist või lugemisvõimet.

Veebi- ja digitaaldisain – aga ka programmeerimine – on juba paika pannud juurdepääsetavuse funktsioonid. Näiteks, Windows pakub kasutajatele kasulikke juurdepääsetavuse tööriistuja enamiku YouTube'i videote jaoks on see juba tavaline subtiitrid või pealdised. Kuid juurdepääsetavust saame alati parandada.

Globaalne disain loob parema disaini. Mida rohkem inimesi suudab teie disainiga tegeleda, seda edukam see on ja seda suurem on selle ulatus. Mitte ainult teile kui disainerile on kasulik jõuda rohkemate inimesteni, vaid ka maailma jaoks on parem, et vähem inimesi jäetakse välja.

WCAG-i suhte ja juurdepääsetavuse funktsioonidega kujundamine avaldab positiivset mõju värvipalettidele, tüpograafiavalikutele ja teksti suurustele. Te ei kujundaks tahtlikult midagi raskesti loetavat, nii et miks ei võiks te lisada rohkem viise, kuidas luua kõigile inimestele paremini loetavaid kujundusi?

WCAG-i suhte rakendamine oma kujundustes

On kohti, kus saate oma kujunduses WCAG-i suhet kontrollida, näiteks see kontrasti kontrollija veebisait. Kuid te peaksite igal juhul kasutama oma töös juurdepääsetavaid disainifunktsioone, ilma et peaksite kontrollima miinimumi.

Tuleb märkida, et kontrastsuse juhised ei kehti logo kujundamisel. Selle põhjuseks on logode esitlemine erineva suurusega ja sageli erineva taustaga. Siiski ei kahjusta see, kui arvestate logode kujundamisel WCAG-i suhet.

Suure kontrastsusega värvid

Suure kontrastsusega värvide kasutamine on lihtne viis lisada oma kujundusele kaasatust. Üksteisega kontrastsed värvid aitavad nägemispuudega ja värvipimedusega inimestel teie kujundust paremini näha. Mitte ainult seda, vaid isegi inimesed, kelle nägemine ei ole halvenenud, näevad teie kujundusi paremini ja tegelevad sellega.

Kas olete kunagi proovinud helerohelisel taustal heleroosat teksti lugeda? See on peaaegu võimatu. Kuid tumesinine tekst helekollasel taustal on palju lihtsam näha ja lugeda.

Suure kontrastsusega värvid töötavad kõige paremini, kui asetate teksti värvilisele taustale või kui kasutate illustratsioonides väikeseid teid. Khroma on AI värvipaleti generaator, mis on varustatud sisseehitatud kontrasti kontrollijaga – üks paljudest suurepärastest AI tööriistad, mis aitavad teie graafilise disaini töövoogu.

Suurepärane viis kontrasti kontrollimiseks on muuta kujundus halltoonides. Kui saate värvid eraldada ja mõistate musta ja halli kujundust, peaks see ka teie valitud värvides hästi väljenduma.

Teksti suurus

Lisaks sellele, et tekstivärvid on taustavärvidega piisavalt kontrastsed, peaks teie tekst olema piisavalt suur, et seda oleks lihtne lugeda. Suure tekstisuuruse WCAG-i suhe on 3:1.

Teksti suurus ei ole kõigis tüpograafiates võrdne, seega ärge lootke kõigi fontide puhul 12-punktilisele suurusele – mida tavaliselt peetakse standardse loetavuse miinimumsuurusele. Katsetage neid ise või kasutajatestijatega, kuvades või printides reaalajas kujundusi. Kui teie värvid pole nii hästi kontrastsed, aitab suurem tekst lugemist parandada.

Fondi loetavus

On ütlematagi selge, kuid kujunduses valitud fondid peavad olema kergesti loetavad. Dekoratiivfondidel, kursiivfondidel või käsitsi joonistatud fontidel on sageli loetavusega probleeme. Heavy metal -bändid on kuulsad selle poolest, et kasutavad oma bändide logode jaoks näiteks oma olemuselt raskesti loetavaid kirjatüüpe.

Kui kasutate teksti väikeste kujunduste jaoks, peaksite kaaluma ka kerningut ja jälgimist. Tähevahe võib mõjutada ka sõnade kavandatavat loetavust.

Kaasa arvatud juurdepääsetavuse tegurid

Kuigi WCAG-i suhtarvudes võetakse arvesse ainult värvikontrastsust, fondi suurust ja teksti loetavust veebidisaini puhul, peaksite kogu oma veebi- ja graafilise kujunduse tegema kaasatust silmas pidades.

Kui olete veebidisainer, kes töötab koos programmeerija või kodeerijaga, veenduge, et olete kasutades HTML-i tehnikaid, mis hõlbustavad veebi juurdepääsetavust. Samuti on olemas hõlbustusfunktsioonid Canvas et laiendada oma disainilahenduste ulatust oma vaatajaskonnaga.

Te ei tohiks peatuda ainult WCAG-i suhtarvude miinimumnõuetel; kui teil on kontroll piltidele asendusteksti, heli- või videofailidele pealkirjade lisamise või isegi kasulik teksti sõnastus hüperlinkide jaoks – mida ekraanilugejad ette loevad – peaksite minema ülaltoodud ja kaugemale. Juurdepääsetavusfunktsioonide kaasamine ei välista ühtegi vaatajaskonda – see kutsub ainult rohkem inimesi sisse.

WCAG-i suhtega projekteerimine parandab disainilahendusi kõigile

Veebikujunduse standardid pärinevad World Wide Web Consortium'ilt, kogukonnalt, mis aitab kogu veebis parimaid tavasid. Konsortsium töötas välja veebisisu juurdepääsetavuse juhised, mida veebidisainerid peaksid järgima. See annab veebi kujundamisel nähtavuse kontrollimise standardi.

Nende juhiste ja suhtestandardite järgimine tähendab, et teie veebikujundusele pääseb juurde rohkem inimesi.