Kaj je razmerje WCAG? Zakaj bi ga morali vključiti v svoje načrte

Smernice za dostopnost spletne vsebine (WCAG) so smernice za dostopnost za digitalno in spletno oblikovanje. Upoštevanje teh smernic zagotavlja, da so barve dovolj kontrastne, da lahko slabovidni vidijo in pravilno berejo vaše dizajne. To gre tudi z roko v roki s tipografsko velikostjo, da se zagotovi berljivost skupaj z barvami.

V svetu, ki bi moral biti bolj vključujoč, bo dodajanje dostopnih elementov vašim dizajnom samo dvignilo vaše delo in vam omogočilo, da ga delite z več ljudmi.

Kaj je razmerje WCAG?

WCAG pomeni Smernice za dostopnost spletne vsebine. WCAG pomaga vsem, ki oblikujejo ali ustvarjajo za splet ali internet, da zagotovijo, da njihovi dizajni dosegajo cilje glede dostopnosti. To pomeni, da lahko v vaših dizajnih uživa in jih uporablja kdorkoli, ne da bi izključili tiste z okvarami vida ali drugimi invalidnostmi, kadar je to mogoče.

Razmerje WCAG določa minimalna razmerja za doseganje ciljne dostopnosti. To vključuje barvni kontrast in velikost besedila, ki zagotavljata tistim z okvarami vida boljše možnosti, da vidijo, komunicirajo in uporabljajo vaše dizajne. Ne samo, da doseganje razmerja WCAG pomaga tistim z okvarami vida, ampak tudi poveča uporabniško izkušnjo za vse uporabnike spleta.

The World Wide Web Consortium razvija standarde za spletni razvoj. Čeprav ni določenih pravil za spletno dostopnost, WCAG določa standard, ki se ga mora držati vsak spletni oblikovalec.

Pri testiranju kontrastnih razmerij WCAG predlaga oceno od A do AAA. Ocena A prikazuje najnižje stopnje kontrasta. AA so ravni kontrasta srednjega obsega z razmerjem 4,5:1 – kar velja za najmanjše razmerje. Končno je AAA najvišja raven kontrasta. Če načrtujete za vsakogar, so vaše ravni kontrasta najboljše med razponom AA in AAA.

Zakaj je razmerje WCAG pomembno v grafičnem in spletnem oblikovanju?

Grafično in spletno oblikovanje ne bi smelo samo poskrbeti, da so informacije videti lepe. Informacijski dizajn obvešča množice – to pomeni, da so vaše informacije dostopne vsem. Implementacija WCAG zagotavlja dostopne modele za osebe z okvaro vida, disleksijo, nevrodivergenco ali karkoli, kar vpliva na vid ali sposobnost branja nekoga.

Spletno in digitalno oblikovanje – kot tudi programiranje – že ima vzpostavljene funkcije dostopnosti. na primer Windows ponuja uporabna orodja za dostopnost za uporabnike, in to je že običajno za večino videoposnetkov v YouTubu podnapise ali napise. Vedno pa lahko izboljšamo dostopnost.

Globalno oblikovanje ustvarja boljši dizajn. Več ljudi kot se lahko ukvarja z vašim dizajnom, uspešnejši je in večji doseg ima. Ne samo, da je za vas kot oblikovalca dobro, da dosežete več ljudi, ampak je bolje za svet, da je manj ljudi izključenih.

Oblikovanje z razmerjem WCAG in funkcijami dostopnosti v vaših načrtih bo pozitivno vplivalo na barvne palete, izbiro tipografije in velikosti besedila. Ne bi namenoma oblikovali nekaj težko berljivega, zakaj torej ne bi vključili več načinov za ustvarjanje dizajnov z boljšo berljivostjo za vse ljudi?

Implementacija razmerja WCAG v vaših načrtih

Obstajajo mesta, kjer lahko preverite razmerje WCAG v svojih načrtih, kot je to pregledovalnik kontrasta Spletna stran. Vendar bi se morali vseeno lotiti izvajanja dostopnih oblikovalskih funkcij v svoje delo, ne da bi se zanašali na preverjanje najmanjšega.

Upoštevati je treba, da smernice glede kontrasta ne veljajo za oblikovanje logotipa. To je posledica logotipov, ki so predstavljeni v različnih velikostih in pogosto na različnih ozadjih. Vendar vam ne škodi, če pri oblikovanju logotipov upoštevate razmerje WCAG.

Barve z visokim kontrastom

Uporaba barv z visokim kontrastom je preprost način, da svojim dizajnom dodate inkluzivnost. Barve, ki so v nasprotju med seboj, bodo ljudem z okvaro vida in barvno slepoto pomagale bolje videti vaše dizajne. Ne le to, tudi ljudje brez okvar vida bodo bolje videli vaše dizajne in se z njimi ukvarjali.

Ste kdaj poskušali prebrati svetlo rožnato besedilo na svetlo zelenem ozadju? To je skoraj nemogoče. Toda temno modro besedilo na svetlo rumenem ozadju je veliko lažje videti in brati.

Barve z visokim kontrastom najbolje delujejo, če besedilo postavite na barvno ozadje ali če v ilustracijah uporabljate majhne poti. Khroma je generator barvne palete z umetno inteligenco, ki ima vgrajen pregledovalnik kontrasta – enega izmed mnogih odličnih Orodja AI za pomoč pri poteku dela vašega grafičnega oblikovanja.

Odličen način za preverjanje kontrasta je, da svoj dizajn spremenite v sivine. Če lahko ločite barve in razumete dizajn v črni in sivi barvi, bi se moral dobro prevesti tudi v izbranih barvah.

Velikost besedila

Poleg tega, da so barve besedila dovolj kontrastne glede na barve ozadja, mora biti samo besedilo dovolj veliko, da ga je enostavno brati. Razmerje WCAG za veliko velikost besedila je 3:1.

Velikost besedila ni enaka v vseh tipografijah, zato se ne zanašajte na velikost 12 točk – ki običajno velja za najmanjšo velikost za standardno berljivost – za vse pisave. Preizkusite jih sami ali z uporabniškimi preizkuševalci, tako da prikažete ali natisnete modele v realni velikosti. Če vaše barve niso tako dobro kontrastne, bo večje besedilo pripomoglo k berljivosti kot rešitev.

Berljivost pisave

Samoumevno je, da morajo biti pisave, ki jih izberete v svojih dizajnih, zlahka berljive. Okrasne pisave, kurzivne pisave ali ročno narisane pisave imajo pogosto težave z berljivostjo. Heavy metal skupine so na primer znane po tem, da za logotipe svojih skupin uporabljajo same po sebi težko berljive pisave.

Pri uporabi besedila za majhne dizajne morate upoštevati tudi kerning in sledenje. Razmik med črkami lahko vpliva tudi na predvideno berljivost besed.

Inkluzivni dejavniki dostopnosti

Medtem ko so v razmerjih WCAG upoštevani le barvni kontrast, velikost pisave in berljivost besedila v spletnem oblikovanju, bi morali pri vseh svojih spletnih in grafičnih načrtih upoštevati inkluzivnost.

Če ste spletni oblikovalec in delate s programerjem ali kodirnikom, se prepričajte, da ste z uporabo tehnik HTML, ki pomagajo pri spletni dostopnosti. Tukaj so tudi funkcije dostopnosti v Canvi razširiti doseg vaših modelov pri občinstvu.

Ne smete se ustaviti le pri minimalnih zahtevah za razmerja WCAG; če imate nadzor nad dodajanjem nadomestnega besedila slikam, napisov avdio ali video datotekam ali celo uporabno besedilo za hiperpovezave – ki jih bralniki zaslona berejo na glas – morate iti zgoraj in onstran. Vključitev funkcij za ljudi s posebnimi potrebami ne izključuje nobenega občinstva – samo povabi več ljudi.

Oblikovanje z razmerjem WCAG izboljša dizajne za vse

Standardi za spletno oblikovanje prihajajo iz konzorcija svetovnega spleta, skupnosti, ki pomaga pri najboljših praksah v spletu. Konzorcij je razvil Smernice za dostopnost spletnih vsebin, ki bi jih morali upoštevati spletni oblikovalci. To zagotavlja standard razmerja za preverjanje vidnosti pri oblikovanju za splet.

Upoštevanje teh smernic in standardov razmerja pomeni, da lahko do vaših spletnih modelov dostopa več ljudi.