Što je WCAG omjer? Zašto biste to trebali implementirati u svoje dizajne

Smjernice za pristupačnost web sadržaja (WCAG) su smjernice za pristupačnost za digitalni i web dizajn. Pridržavanje ovih smjernica osigurava da su boje dovoljno kontrastne da pomognu osobama s oštećenjem vida da pravilno vide i pročitaju vaše dizajne. Ovo također ide ruku pod ruku s tipografskom veličinom, kako bi se osigurala čitljivost zajedno s bojama.

U svijetu koji bi trebao biti inkluzivniji, dodavanje pristupačnih elemenata vašem dizajnu samo će poboljšati vaš rad i omogućiti vam da ga podijelite s više ljudi.

Što je WCAG omjer?

WCAG je kratica za Smjernice za pristupačnost web sadržaja. WCAG pomaže svima koji dizajniraju ili stvaraju za web ili internet kako bi osigurali da njihovi dizajni postignu ciljeve pristupačnosti. To znači da u vašim dizajnima može uživati ​​i koristiti ih bilo tko, ne isključujući osobe s oštećenjem vida ili drugim invaliditetom kada je to moguće.

WCAG omjer postavlja minimalne omjere za postizanje ciljne pristupačnosti. To uključuje kontrast boja i veličinu teksta, a oboje osigurava osobama s oštećenjem vida bolju priliku da vide, komuniciraju i koriste vaše dizajne. Ne samo da postizanje WCAG omjera pomaže osobama s oštećenjem vida, već također povećava korisničko iskustvo za sve korisnike weba.

The World Wide Web Consortium razvija standarde za web razvoj. Iako ne postoje postavljena pravila za dostupnost weba, WCAG postavlja standard kojeg se treba pridržavati svaki web dizajner.

Prilikom testiranja omjera kontrasta, WCAG predlaže ocjenu od A do AAA. Ocjena A pokazuje najniže razine kontrasta. AA su srednje razine kontrasta s omjerom 4,5:1—što se smatra minimalnim omjerom. Konačno, AAA je najviša razina kontrasta. Ako dizajnirate za sve, vaše su razine kontrasta najbolje između AA i AAA raspona.

Zašto je WCAG omjer važan u grafičkom i web dizajnu?

Grafički dizajn i web dizajn ne bi trebali samo učiniti da informacije izgledaju lijepo. Informacijski dizajn informira mase—to znači učiniti vaše informacije dostupnima svima. Implementacija WCAG-a osigurava pristupačne dizajne za osobe s oštećenjem vida, disleksijom, neurodivergencijom ili bilo čime što utječe na nečiji vid ili sposobnost čitanja.

Web i digitalni dizajn—kao i programiranje—već imaju uspostavljene značajke pristupačnosti. Na primjer, Windows korisnicima nudi korisne alate za pristupačnost, a to je već uobičajeno za većinu YouTube videozapisa titlove ili natpise. Ali uvijek možemo poboljšati dostupnost.

Globalni dizajn stvara bolji dizajn. Što se više ljudi može uključiti u vaš dizajn, to je on uspješniji i ima veći doseg. Ne samo da je dobro za vas kao dizajnera da doprete do više ljudi, nego je bolje za svijet da je manje ljudi isključeno.

Dizajniranje s WCAG omjerom i značajkama pristupačnosti u vašem dizajnu imat će pozitivne učinke na palete boja, izbore tipografije i veličine teksta. Ne biste namjerno dizajnirali nešto teško čitljivo, pa zašto ne biste uključili više načina za stvaranje dizajna s boljom čitljivošću za sve ljude?

Implementacija WCAG omjera u vašem dizajnu

Postoje mjesta na kojima možete provjeriti WCAG omjer u svojim nacrtima, kao što je ovo provjera kontrasta web stranica. Ali ionako biste se trebali upustiti u praksu implementacije pristupačnih značajki dizajna u svoj rad bez oslanjanja na provjeravanje minimalnog broja.

Treba napomenuti da se smjernice za kontrast ne odnose na dizajn logotipa. To je zbog logotipa koji se prikazuju u različitim veličinama i često na različitim pozadinama. Međutim, ne smeta vam da uzmete u obzir WCAG omjer prilikom dizajniranja logotipa.

Boje visokog kontrasta

Korištenje boja visokog kontrasta jednostavan je način dodavanja inkluzivnosti vašem dizajnu. Boje koje se međusobno razlikuju pomoći će osobama s oštećenjem vida i sljepoćom za boje da bolje vide vaše dizajne. I ne samo to, čak će i ljudi bez oštećenja vida bolje vidjeti – i baviti se – vašim dizajnom.

Jeste li ikada pokušali pročitati svijetloružičasti tekst na svijetlozelenoj pozadini? Gotovo je nemoguće. Ali tamnoplavi tekst na svijetložutoj pozadini puno je lakše vidjeti i čitati.

Boje visokog kontrasta najbolje funkcioniraju kada tekst postavite na pozadinu u boji ili ako koristite male putanje u svojim ilustracijama. Khroma je AI generator palete boja koji dolazi s ugrađenim alatom za provjeru kontrasta — jednim od mnogih sjajnih AI alati koji će vam pomoći u tijeku rada u grafičkom dizajnu.

Sjajan način za provjeru kontrasta je pretvaranje vašeg dizajna u sive nijanse. Ako možete razdvojiti boje i razumjeti dizajn u crnoj i sivoj boji, trebao bi se dobro prevesti iu odabranim bojama.

Veličina teksta

Uz boje teksta koje su dovoljno kontrastne u odnosu na boje pozadine, sam tekst bi trebao biti dovoljno velik da se lako čita. WCAG omjer za veliku veličinu teksta je 3:1.

Veličina teksta nije jednaka u svim tipografijama, stoga se nemojte oslanjati na veličinu od 12 točaka — koja se obično smatra minimalnom veličinom za standardnu ​​čitljivost — za sve fontove. Isprobajte ih sami ili s korisničkim testerima prikazivanjem ili ispisom dizajna u stvarnoj veličini. Ako vaše boje nisu tako dobro kontrastne, tada će veći tekst pomoći čitljivosti, kao zaobilazno rješenje.

Čitljivost fonta

Podrazumijeva se, ali fontovi koje odaberete u svom dizajnu moraju biti lako čitljivi. Ukrasni fontovi, kurzivni fontovi ili ručno crtani fontovi često imaju problema s čitljivošću. Heavy metal bendovi poznati su po korištenju inherentno teško čitljivih slova za svoje logotipe, na primjer.

Također biste trebali razmotriti kerning i praćenje kada koristite svoj tekst za male dizajne. Razmak između slova također može utjecati na namjeravanu čitljivost riječi.

Inkluzivni čimbenici pristupačnosti

Dok se u WCAG omjerima uzimaju u obzir samo kontrast boja, veličina fonta i čitljivost teksta u web dizajnu, sve svoje web i grafičke dizajne trebali biste izraditi imajući na umu inkluzivnost.

Ako ste web dizajner koji radi s programerom ili koderom, uvjerite se da jeste koristeći HTML tehnike koje pomažu u dostupnosti weba. Postoje također značajke pristupačnosti u Canvi kako biste proširili doseg svojih dizajna kod svoje publike.

Ne biste se trebali zaustaviti samo na minimalnim zahtjevima za WCAG omjere; ako imate kontrolu nad dodavanjem zamjenskog teksta slikama, naslova audio ili video datotekama ili čak korisna formulacija teksta za hiperveze—koje čitači zaslona čitaju naglas—trebali biste ići iznad i Iznad. Uključivanje značajki pristupačnosti ne isključuje publiku - samo poziva više ljudi.

Dizajniranje s WCAG omjerom poboljšava dizajne za sve

Standardi za web dizajn dolaze iz World Wide Web Consortiuma, zajednice koja pomaže u najboljim praksama diljem weba. Konzorcij je razvio Smjernice za pristupačnost web sadržaja, koje bi web dizajneri trebali slijediti. Ovo pruža standard omjera za provjere vidljivosti prilikom dizajniranja za web.

Slijeđenje ovih smjernica i standarda omjera znači da će vašem web dizajnu moći pristupiti više ljudi.