Izgradnja istinske kulture digitalne pristupačnosti u kompaniji je misija otpornosti i upornosti. Nije teško da diskurs o pristupačnosti zapadne u uobičajene klišee. Pristupačnost je veoma važna za ljude. Pristupačnost digitalnih proizvoda i usluga promoviše inkluziju. Ili čak, svi profesionalci u timovima bi trebali biti uključeni u rad na pristupačnosti. Naravno. Niko pri zdravoj pameti neće osporiti nijednu od ovih izjava (nadam se). Međutim, drugi dio ovog razgovora, do kojeg dolazi vrlo malo kompanija, glasi „kako?” Kako da to ostvarimo usred svakodnevnog rada timova za digitalnu transformaciju, koji su, kao što svi znamo, uronjeni u zahtjevne scenarije, često s vrlo ograničenim brojem ljudi na raspolaganju? Većinu vremena izbor na kraju bude između “mi radimo ovo” i “ono”. I ne bi trebalo, jer u ovim slučajevima nikada nisam vidio da pristupačnost pobjeđuje u ovoj jednačini. Ne bi trebalo biti ovako. Ne morate biti ovakvi. Prije svega, zato što biranje između pristupačnosti i bilo čega drugog nije pravi izbor. Pristupačnost više nije samo još jedna karakteristika koja se dodaje ostalima. To je dodatna vrijednost za poslovanje i, trenutno, zakonska obaveza koja može imati ozbiljne posljedice za kompanije. S druge strane, postoje inteligentni, optimizirani i učinkoviti načini da se principi pristupačnosti inkorporiraju u prirodnu dinamiku timova. Moguće je raditi na pristupačnosti bez preokretanja timskih operacija naopačke. U suštini, to je ono što AccessibilityOps radi. Osnaživanje ljudi i pružanje timova jednostavnim procesima kako bi mogli integrirati posao pristupačnosti u svoje svakodnevne rutine bez nesrazmjernih napora. Pristupačnost i dizajn Rad na digitalnoj pristupačnosti u dizajnu može uključivati nekoliko radnji. Jasno je da posebnu pažnju trebamo obratiti na boju i način na koji se ona koristi za prenošenje značenja. Naravno, interakcijske veličine elemenata moraju biti udobne. Ali, što je najvažnije, moramo razmišljati o dizajnu iz svestrane perspektive. Interfejs nije poster. Možemo kontrolisati mnoge aspekte tog dizajna, ali način na koji korisnici stupaju u interakciju sa sučeljem podložan je beskrajnom broju varijabli. Vrsta uređaja, kontekst, namjena, kvalitet mreže itd. Sve to uvelike utječe na iskustvo i interakciju svake osobe. Uz sve ovo, kada se problemi digitalne pristupačnosti unesu u proces dizajna, dodaje se još više varijabli.
Ljudi često koriste ono što se naziva pomoćnim tehnologijama i strategijama. U osnovi, to su tehnološki alati ili, u najmanju ruku, “trikovi” kojima ljudi pribjegavaju kako bi pronašli udobnije modele korištenja. Poznati čitači ekrana, koji se obično povezuju s korištenjem slijepih osoba (ali koji nisu samo njima korisni), na primjer, su pomoćna tehnologija. Promjena boja ili kontrasta između različitih elemenata također je pomoćna tehnologija. Povećanje veličine fonta (o čemu smo raspravljali u ovom tekstu) je još jedan primjer. Postoji bezbroj pomoćnih tehnologija i strategija. Gotovo isto toliko različitih konteksta upotrebe za svaku osobu. Mi ne kontrolišemo sve Drugim riječima (a ovo je “loša vijest” za nas dizajnere), “naš dizajn” je podložan, iz perspektive korisnika, transformacijama koje mi ne kontroliramo. Korisnik će ga "transformirati" osiguravajući da može komunicirati s aplikacijom i svime što nudi na najudobniji mogući način. I to je dobra stvar. Ako se to dogodi i sve prođe kako treba, sigurno ćemo vrlo dobro obaviti svoj posao pristupačnosti i svi zaslužujemo čestitke. Ako korisnik primjenjuje bilo koju od ovih tehnologija i strategija podrške, a i dalje ne može koristiti digitalnu aplikaciju, to je znak da nešto ne radi kako bi trebalo. Oh, i kad smo već kod toga. Nemojte ni razmišljati o blokiranju upotrebe ovih tehnologija ili strategija podrške. Možda "uništavaju" vaš prekrasan dizajn, ali dopuštaju sve većem broju ljudi da stvarno koriste aplikaciju. Na kraju, zar to nije bilo upravo ono što smo obećali da želimo da uradimo? Dizajn za (sve) ljude. Bez izuzetka? Povećajte veličinu fonta Koliko smo puta čuli da se neko – prijatelji, porodica ili čak kolege – žale da je ovaj ili onaj tekst premali? Tekst igra veoma važnu ulogu u digitalnom iskustvu. Mnogo informacija se prenosi kroz tekst:upute za korištenje, natpise gumba ili interaktivne elemente. Sve ovo koristi tekst kao komunikacijski alat. Ako je čitanje svih ovih elemenata teško, naravno, iskustvo je ozbiljno narušeno. Udobno čitanje teksta, bez obzira na njegovu funkciju, princip je o kojem se ne može pregovarati. Ovo čitanje može biti olakšano korištenjem udobnih veličina u dizajnu. Međutim, podržavajuće tehnologije i strategije, kroz funkcionalnost povećanja veličine fonta, također mogu pomoći u poboljšanju čitljivosti. Prema podacima APPT-a, 26% korisnika Android i iOS mobilnih uređaja povećava zadanu veličinu fonta (podaci iz februara 2026.). Svaki četvrti korisnik poveća veličinu fonta na svom pametnom telefonu. Ovo je vrlo značajan uzorak ljudi, što ovu funkcionalnost čini neizbježnom u procesima dizajna.
Usklađenost sa smjernicama Povećanje veličine fonta u interfejsima može predstavljati veliki izazov dizajna. Važno je razumjeti da se, iznenada, neki tekstualni elementi, zbog radnji korisnika, mogu udvostručiti u odnosu na svoju početnu veličinu. „Sa izuzetkom natpisa i tekstualnih slika, veličina teksta se može promijeniti bez pomoćne tehnologije do 200% bez gubitka sadržaja ili funkcionalnosti.“— Kriterijum uspjeha 1.4.4, „Promjena veličine teksta“ Smjernica za pristupačnost web sadržaja (WCAG), verzija 2.2
Ovaj kriterijum uspeha je na nivou AA usklađenosti, što znači da je ovo apsolutno obavezna karakteristika prema bilo kom zakonskom okviru. Lako je razumjeti 200% u ovom kriteriju uspjeha. Ako pretpostavimo da dizajniramo interfejse u skali od 100%, što znači da je veličina elementa početna veličina, onda će povećanje teksta do 200% odgovarati udvostručenju početne veličine. Mogu se koristiti i druge skale uvećanja, kao što su 120%, 140% i tako dalje. Drugim riječima, moramo osigurati da korisnici mogu povećati tekst kako bi udvostručili njegovu početnu veličinu kroz pomoćne tehnologije ili strategije (a to nije manji detalj). Da bismo bili u skladu s ovim standardom, ne moramo osigurati alate za povećanje veličine teksta u sučeljima. U praksi, ove karakteristike nisu ništa drugo do redundantnost. Uređaji već omogućavaju da se to uradi na standardizovan način. Korisnici kojima je ova postavka zaista potrebna, to znaju (jer bi im bez nje život bio mnogo teži). Pa, već imaju ovu postavku primijenjenu na svom uređaju. A to znači da možemo eliminisati ove dodatne elemente interfejsa, pojednostavljujući iskustvo.
Standardizirani pristup Važan koncept koji treba zapamtiti o pomoćnim tehnologijama, posebno u ovom slučaju u vezi sa povećanjem veličine fonta, je da većina uređaja već ima mnoge od ovih alata instaliranih prema zadanim postavkama. Drugim riječima, u mnogim slučajevima, korisnici ne moraju kupiti vlastiti softver ili kupiti određenu vrstu uređaja samo da bi imali ovu funkcionalnost. Bilo na mobilnim uređajima ili čak u web preglednicima, u velikoj većini slučajeva, lako je pronaći instalirane funkcije koje vam omogućavaju da povećate zadanu veličinu fonta koju koristimo u cijelom sučelju. Ovaj princip povećanja veličine fonta može se primijeniti na digitalne proizvode, kao što su aplikacije, ili čak na bilo koju vrstu web stranice koja radi na standardnim web preglednicima koji se danas koriste. iPhones Na iPhone uređajima, funkcija povećanja veličine fonta je integrisana prema zadanim postavkama. Da biste koristili ovu funkciju, jednostavno pristupite panelu “Postavke”, odaberite “Pristupačnost” i unutar grupe opcija “Vizija” pristupite funkciji “Veličina teksta i prikaz” i konfigurirajte željeno povećanje veličine fonta na tom ekranu.
Google Chrome Web pretraživači takođe nude, podrazumevano, funkciju povećanja veličine fonta. Na primjer, u Google Chromeu, ova funkcija je dostupna na panelu „Opcije“, posebno u oblasti „Izgled“. Na popisu opcija koje se pojavljuju u ovoj grupi, jednostavno odaberite opciju "Veličina fonta". Obično će biti odabrana opcija „Srednji — preporučeno“. Ovu postavku možete promijeniti na bilo koju drugu dostupnu veličinu fonta. Pokušajte, na primjer, opciju "Vrlo velika".
Test na Figmi Kako bi se osiguralo da rad na digitalnoj pristupačnosti postane efikasan u svakodnevnom životu timova, neophodno je pronaći jednostavne radne procese. Akcije ili inicijative koje se mogu integrirati u rutinu tima, koje se bave dostupnošću na integriran način i ne zahtijevaju dramatičnu transformaciju trenutne stvarnosti. Da je to neophodno, smatra on, to se najčešće ne bi dešavalo. Stoga je dizajniranje jednostavnih radnih procesa pola bitke da se pristupačnost zaista dogodi u ovomeslučaju, također unutar dizajnerskog tima. Što se tiče testiranja povećanja veličine fonta u dizajnu, danas imamo na raspolaganju izvanredne alate. Oni koji se sjećaju dana dizajniranja složenih sučelja u Adobe Photoshopu prepoznat će razlike u alatima koje danas imamo (i na sreću). Sada je moguće, pomoću alata kao što je Figma, stvoriti takvu dinamiku u dizajnu da testiranje povećanja veličine fonta radi pristupačnosti postane gotovo neizbježno za tim.
Napomena: Da biste prošli ovaj test, morate dobro razumjeti stilove teksta, automatske rasporede i varijable Figme. Ova tri su osnovna alata za uspjeh bez mnogo dodatnog napora. Ako još niste savladali ove funkcije, toplo se preporučuje da počnete tamo. Ne preskačite korake. Učenje je postepen proces koji se mora pratiti na strukturiran način, korak po korak. Gdje želimo ići? Test povećanja veličine fonta u Figmi koji želimo da izvedemo je jednostavan. Želimo da imamo skup varijabli dostupnih za sve stilove teksta koje koristimo u interfejsu, što nam omogućava da odaberemo da li želimo da vidimo interfejs sa tekstom na skali od 100%, 120%, 140%, 160%, 180% ili 200%. Dok primjenjujemo ovaj skup varijabli (slično kao primjena varijabli za svijetli i tamni način), promatramo transformacije teksta u interfejsu i razumijemo do koje mjere su potrebne adaptacije u svakoj verziji interfejsa sa različitim tipografskim skalama.
Kako da to učinimo? Da bi ovaj test prošao tako glatko, potrebno je da uradite neke osnove. Sistemi dizajna mogu uvelike pomoći u optimizaciji velikog dijela ovog početnog rada. Ali neću te lagati. Da bi test dobro funkcionisao, vaš dizajn treba da ima veoma ozbiljan nivo organizacije i sistematizacije. Ovo zapravo nije vodič, jer će svaki tim imati svoj model rada, a ove preporuke se mogu primijeniti na različite načine (i to je u redu). Međutim, da bi ovaj test funkcionirao, važno je osigurati određene pretpostavke u dizajnu. Kako bismo vam pomogli u fazi implementacije ovog test modela, evo nekoliko koraka koje treba slijediti. Korak po korak upute koje će vas voditi u organiziranju vaših datoteka i osigurati da možete u potpunosti izvršiti ovaj test na najjednostavniji i najpraktičniji mogući način. 1. Dizajniranje interfejsa Sve počinje sa dizajnom. Prije bilo kakvog testiranja, fokus bi, kao što bi trebao, biti na dizajnu svakog interfejsa koji ćemo kasnije htjeti testirati. U ovoj fazi još uvijek nema posebne brige oko testa povećanja veličine fonta koji ćemo izvesti kasnije. Naravno, sav dizajn interfejsa treba od samog početka da prati najosnovnije preporuke za pristupačnost primenjene na dizajn.
2. Primijenite automatske rasporede na sve elemente U svakom dizajnu ekrana koji kreirate, morat ćete osigurati da savršeno primjenjujete automatske rasporede. Ovo je veoma važan korak. Upravo ova dosljedna primjena automatskih rasporeda na cijelu strukturu i elemente dizajna će kasnije jamčiti skalabilnost sučelja kada počnemo testirati povećanje veličine fonta. Zaista ne možete potcijeniti ovaj korak. Ako mu ne posvetite pažnju koju zaslužuje, vidjet ćete kada testiramo tipografsko skaliranje u sučeljima, sve se kvari kao slon u trgovini porculanom.
3. Strukturiranje i primjena stilova teksta Da bismo izvršili naš test povećanja veličine fonta, također će nam trebati da na svaki dizajn interfejsa primenite stilove teksta. Verovatno ste čak i počeli da ih kreirate dok ste crtali. Odlično. Ako to niste učinili, važno je da to učinite sada. Da bi test radio savršeno, ovo nam je zaista potrebno. Ne ostavljajte nijedan tekstualni element u dizajnu bez primijenjenog stila teksta.
4. Definirajte skup varijabli 100% Ovaj test nameće prilično visok stepen optimizacije. U praksi, to znači da ćemo morati da koristimo Figma varijable za sve karakteristike stilova teksta koje imamo u interfejsu. U ovoj fazi, morate definirati Figma varijable „broj“ za barem veličinu fonta i visinu linije stilova teksta koje ste primijenili na crtež. Ovim korakom definirate vrijednosti skale povećanja veličine fonta za 100% model vizualizacije, odnosno početnu i referentnu verziju crteža. Važno je da strukturirate ove varijable za svaki stil teksta na crtežu jer ćemo naknadno morati uzeti u obzir skalu povećanja svakog od ovih tekstualnih elemenata.
5. Primijenite varijable na stilove teksta Nakon što ste definirali varijable za stilove teksta 100% skale, sada ih morate primijenitina elemente već kreiranih stilova teksta. Ne zaboravite primijeniti varijable barem na karakteristike veličine fonta i visine reda. Ako imate više tipografskih varijabli, to je u redu. Ali trebali biste barem primijeniti varijable na veličinu fonta i visinu reda. Ovo je zaista veoma važno.
6. Definirajte varijable za povećanje veličine teksta Sada kada imate varijable primijenjene na stilove teksta sa 100% skalom, sljedeći korak je kreiranje varijabli za druge skale povećanja veličine fonta. U praksi, morate kreirati varijable koje će reći sistemu na koju veličinu fonta će svaki stil teksta narasti kada je skala povećanja 120%, 140%, 160% itd. Da biste definirali vrijednosti veličine fonta i visine reda, jednostavno pomnožite početnu vrijednost sa postotkom skale. Na primjer, ako stil teksta ima veličinu fonta od 16px, veličina za skalu od 120% bit će 16 pomnožena sa 1,2, što daje rezultat 19,2. Ponovite ovu kalkulaciju za sve vrijednosti veličine fonta i visine reda u procentima povećanja veličine fonta koje odaberete. Također možete odabrati hoćete li ili ne primijeniti zaokruživanje na konačne vrijednosti. Ovo je približan test i stoga sve razlike koje mogu proizaći iz zaokruživanja neće utjecati na konačnu percepciju rezultata testa.
7. Primijenite varijable na različite verzije razmjera Trenutak istine je stigao. Sljedeći korak je da shvatimo da li sve funkcionira tako da test radi savršeno. Stoga biste trebali kopirati originalno sučelje i primijeniti skup varijabli za svaku stopu povećanja veličine fonta koja vam ima smisla. Ponovite ovaj postupak za sve procente povećanja veličine fonta koje ste definirali. Kao prijedlog, možete koristiti procente povećanja od 120%, 140%, 160%, 180% i 200% kao referencu. Ako želite pojednostaviti, možete smanjiti broj postotaka skaliranja s kojima radite. Bez obzira na broj postotaka s kojima radite, uvijek treba raditi sa minimalno 100% i 200% skale.
8. Identifikujte područja za poboljšanje Primjenom različitih skala povećanja veličine fonta na isti ekran, lako je razumjeti gdje bi poboljšanja mogla biti potrebna. Ovdje počinje pravi test povećanja veličine fonta u dizajnu interfejsa i najzanimljiviji rad na pristupačnosti. U vašoj analizi različitih ekrana, imajte na umu neke važne aspekte:
Činjenica da se tekst čini gigantskim nije problem i ne "uništava" dizajn. Zapamtite da to može značiti razliku između toga da li neko može koristiti određeni proizvod ili uslugu ili ne. Problem pristupačnosti postoji kada povećanje veličine fonta onemogućava korisniku da čita određene tekstove ili da aktivira određene kontrole. Za tekstualne elemente koji su već jako veliki, povećanje veličine fonta možda neće imati smisla. To bi moglo učiniti te elemente neproporcionalnim, što ne bi poboljšalo čitljivost (pošto su već dobre veličine) i zauzelo bi potpuno nepotreban prostor. Ako postoje elementi koji izgledaju kao da iskaču sa ekrana, prvi korak je da potvrdite kako primjenjujete automatski raspored. Mnogi aspekti dizajna mogu se lako riješiti pravilnom upotrebom automatskog rasporeda. Bez obzira na skalu povećanja veličine fonta, bitno je održavati vizuelnu hijerarhiju tipografije, jer je ova čitljivost važna za uočavanje različitih nivoa informacija prisutnih na ekranu. Ovaj test može pomoći da se identifikuju elementi kojima će možda biti potrebna podešavanja direktno u kodu da bi dobro funkcionisali na datoj skali povećanja. Ne može se sve riješiti samo dizajnom, i to je sasvim u redu. Pristupačnost je u suštini timski rad.
9. Napravite ispravke i prilagodbe dizajna Konačno, na osnovu različitih ekrana sa različitim primenjenim skalama uvećanja teksta, možete napraviti promene dizajna koje imaju smisla. Neka od ovih podešavanja mogu biti potrebna samo u kodu. U tim slučajevima dokumentirate sve ove prijedloge i prosljeđujete ih razvojnom timu. Također je ključno (ponovo) potvrditi da se neki od problema na koje možete susresti u dizajnu mogu brzo riješiti u procesu dizajna, jednostavnom i ispravnom primjenom svojstava automatskog rasporeda.
10. Vratite se na početak i ponovite proces Ovo je cikličan pristup. To znači da biste trebali ponoviti ove korake, ili njihove varijacije, onoliko puta koliko je potrebno tokom cijelog projekta. Prirodno je da s vremenom i uz optimizaciju procesa, nekiod ovih koraka će prestati da imaju smisla. To apsolutno nije problem. Ali najvažnija stvar koju treba shvatiti je da pristupačnost i ovaj proces testiranja povećanja veličine fonta ne treba raditi samo jednom, i to je to. To je test koji treba uraditi mnogo, mnogo puta tokom svakodnevnog rada svakog projekta i tima.
Uloga dizajna sistema Na prvi pogled, ova lista koraka može izgledati kao složena vježba. Ali nije. To je zato što je ogromnu većinu, ako ne i sve, ovih koraka lako izvesti u bilo kom kontekstu u kojem postoji sistem dizajna. Zapravo, dizajn sistemi su postali nezaobilazni standard u industriji dizajna proizvoda. Možemo razgovarati o tome šta svaki tim naziva dizajnom, ali istina je da je danas vrlo teško pronaći tim za dizajn proizvoda koji nema, u najmanju ruku, minimalno strukturiranu biblioteku komponenti i stilova.
Sa ovom osnovom, bez obzira da li je više ili manje dokumentovana, vrlo je lako primijeniti ovu vrstu testa povećanja veličine fonta koristeći Figma varijable. Nadalje, ako vaš sistem dizajna već ima, na primjer, strukturirane varijable za svijetli i tamni način rada, to znači da već primjenjujete potpuno iste principe koje smo koristili za izvođenje ovog testa. Dakle, ništa novo. Rad sa sistemima dizajna uključuje nivo strukturiranja i organizacije koji je takođe veoma koristan za kreiranje ove vrste testa. Postoji mit da sistemi dizajna ograničavaju kreativnost. Ovo nije istina. Dizajn sistemi pomažu u rješavanju “birokratskog” dijela dizajna, tako da zapravo možemo imati više vremena za ono što je bitno: u ovom slučaju, testiranje pristupačnosti i stvaranje sve više proizvoda i usluga koji su zaista dostupni najvećem broju ljudi. Primjer datoteke Uvijek je lakše vidjeti primjer nego samo pročitati opis procesa. Ako je to istina u mnogim disciplinama znanja, u dizajnu, ova premisa ima još više smisla. Stoga, u ovoj Figma datoteci, koja je besplatno objavljena i otvoreno dostupna zajednici, naći ćete praktičan primjer cijelog procesa testiranja opisanog ovdje. Zapamtite da je ovo samo primjer. Može postojati bezbroj načina za izvođenje ove vrste testa u kontekstu Figma datoteke.
Obavezno sagledajte ovaj pristup kritičkim okom. To je prijedlog za testiranje povećanja veličine fonta koje slijedi određeni proces. Unatoč tome, pristup bi trebao biti prilagođen specifičnoj stvarnosti, procesima i stepenu zrelosti vašeg tima. Jednostavno kopiranje formula iz drugih timova bez razumijevanja imaju li smisla u našem kontekstu siguran je način da napori u pogledu pristupačnosti budu nesrazmjerni. Svaka situacija je jedinstvena. Ovaj pristup pokušava da pojednostavi rad na pristupačnosti što je više moguće u ovom specifičnom kontekstu. I zapamtite: ako se nešto dogodi, koliko god malo bilo, to je korak naprijed, a ne korak unazad. I to treba da slave svi u timu.
