Budovanie skutočnej kultúry digitálnej dostupnosti v spoločnosti je poslaním odolnosti a vytrvalosti. Pre diskusiu o prístupnosti nie je ťažké zapadnúť do zvyčajných klišé. Dostupnosť je pre ľudí veľmi dôležitá. Dostupnosť digitálnych produktov a služieb podporuje začlenenie. Alebo dokonca všetci profesionáli v tímoch by mali byť zapojení do práce na prístupnosti. Samozrejme. Nikto so zdravým rozumom nebude spochybňovať žiadne z týchto vyhlásení (dúfam). Avšak druhá časť tohto rozhovoru, ku ktorej sa dostane len veľmi málo spoločností, je „ako?“ Ako to dosiahneme uprostred každodennej práce tímov digitálnej transformácie, ktoré, ako všetci vieme, sú ponorené do náročných skriptov, často s veľmi obmedzeným počtom ľudí, ktorí sú k dispozícii? Vo väčšine prípadov je výber medzi „urobíme toto“ a „tamto“. A nemalo by, pretože v týchto prípadoch som v tejto rovnici nikdy nevidel víťaznú dostupnosť. Nemalo by to byť takto. Nemusíte byť takýto. Po prvé, pretože výber medzi dostupnosťou a čímkoľvek iným nie je tou správnou voľbou. Prístupnosť už nie je len ďalšou funkciou, ktorá sa pridáva k ostatným. Je to pridaná hodnota pre podnikanie a v súčasnosti aj zákonná povinnosť, ktorá môže mať pre spoločnosti vážne dôsledky. Na druhej strane existujú inteligentné, optimalizované a účinné spôsoby, ako začleniť princípy dostupnosti do prirodzenej dynamiky tímov. Je možné pracovať na prístupnosti bez toho, aby ste obrátili tímové operácie hore nohami. V podstate to robí AccessibilityOps. Posilnenie postavenia ľudí a poskytnutie tímov s jednoduchými procesmi, aby mohli integrovať prácu s prístupnosťou do svojich každodenných rutín bez neprimeraného úsilia. Dostupnosť a dizajn Práca na digitálnej prístupnosti v dizajne môže zahŕňať niekoľko akcií. Je jasné, že musíme venovať osobitnú pozornosť farbe a tomu, ako sa používa na vyjadrenie významu. Samozrejme, interakčné veľkosti prvkov musia byť pohodlné. Ale čo je najdôležitejšie, musíme myslieť na dizajn z všestrannej perspektívy. Rozhranie nie je plagát. Môžeme ovládať mnoho aspektov tohto dizajnu, ale to, ako používatelia interagujú s rozhraním, podlieha nekonečnému množstvu premenných. Typ zariadenia, kontext, účel, kvalita siete atď. To všetko výrazne ovplyvňuje skúsenosti a interakciu každého človeka. Spolu s tým všetkým, keď sa do procesu navrhovania vnesú obavy o digitálnu dostupnosť, pridá sa ešte viac premenných.
Ľudia často používajú takzvané asistenčné technológie a stratégie. V podstate ide o technologické nástroje alebo prinajmenšom „triky“, ku ktorým sa ľudia uchyľujú, aby našli pohodlnejšie modely používania. Slávne čítačky obrazovky, ktoré sa bežne spájajú s používaním nevidomých ľudí (ale nie sú užitočné len pre nich), sú asistenčnou technológiou. Pomocnou technológiou je aj zmena farieb alebo farebných kontrastov medzi rôznymi prvkami. Ďalším príkladom je zväčšenie veľkosti písma (o ktorom sme hovorili v tomto texte). Existuje nespočetné množstvo asistenčných technológií a stratégií. Takmer toľko, koľko rôznych kontextov použitia pre každého človeka. Nekontrolujeme všetko Inými slovami (a to je pre nás dizajnérov „zlá správa“), „náš dizajn“ podlieha z pohľadu používateľov transformáciám, ktoré nemáme pod kontrolou. Používateľ ju „pretvorí“, čím zabezpečí, že bude môcť s aplikáciou a všetkým, čo ponúka, pracovať čo najpohodlnejším spôsobom. A to je dobrá vec. Ak sa tak stane a všetko pôjde dobre, svoju prácu v oblasti dostupnosti sme určite odviedli veľmi dobre a všetci si zaslúžime gratuláciu. Ak používateľ použije niektorú z týchto podporných technológií a stratégií a stále nemôže používať digitálnu aplikáciu, je to znak toho, že niečo nefunguje tak, ako by malo. Ach, a keď už sme pri tom. Ani neuvažujte o blokovaní používania týchto technológií alebo stratégií podpory. Možno „ničia“ váš krásny dizajn, no umožňujú stále viac ľuďom aplikáciu skutočne používať. Nakoniec, nebolo to presne to, čo sme sľúbili, že chceme urobiť? Dizajn pre (všetkých) ľudí. Bez výnimky? Zväčšiť veľkosť písma Koľkokrát sme počuli niekoho – priateľov, rodinu alebo dokonca kolegov – sťažovať sa, že ten či onen text je príliš malý? Text hrá v digitálnom prostredí veľmi dôležitú úlohu. Veľa informácií sa prenáša prostredníctvom textu:návod na použitie, popisky tlačidiel alebo interaktívne prvky. To všetko využíva text ako komunikačný nástroj. Ak je čítanie všetkých týchto prvkov ťažké, prirodzene, zážitok je vážne narušený. Pohodlné čítanie textu, bez ohľadu na jeho funkciu, je zásadou, o ktorej sa nedá vyjednávať. Toto čítanie možno uľahčiť použitím pohodlných veľkostí v dizajne. Podporné technológie a stratégie, prostredníctvom funkcionality zväčšovania veľkosti písma, však môžu tiež pomôcť zlepšiť čitateľnosť. Podľa údajov APPT 26 % používateľov mobilných zariadení so systémom Android a iOS zväčšuje predvolenú veľkosť písma (údaje z februára 2026). Každý štvrtý používateľ zväčší veľkosť písma na svojom smartfóne. Toto je veľmi významná vzorka ľudí, vďaka čomu je táto funkcia nevyhnutná v procese navrhovania.
Súlad s usmerneniami Zväčšenie veľkosti písma v rozhraniach môže predstavovať obrovskú výzvu na dizajn. Je dôležité pochopiť, že niektoré textové prvky sa môžu náhle v dôsledku akcií používateľa zdvojnásobiť oproti svojej pôvodnej veľkosti. „S výnimkou titulkov a textových obrázkov je možné zmeniť veľkosť textu bez pomocnej technológie až o 200 % bez straty obsahu alebo funkčnosti.“ — Kritérium úspešnosti 1.4.4, „Zmena veľkosti textu“ Smernice o dostupnosti webového obsahu (WCAG), verzia 2.2
Toto kritérium úspešnosti je na úrovni súladu AA, čo znamená, že ide o absolútne povinný prvok podľa akéhokoľvek právneho rámca. Je ľahké pochopiť 200% v tomto kritériu úspechu. Ak predpokladáme, že navrhujeme rozhrania v 100% mierke, čo znamená, že veľkosť prvku je počiatočná veľkosť, potom zvýšenie textu až o 200% bude zodpovedať zdvojnásobeniu počiatočnej veľkosti. Je možné použiť aj iné škály zväčšenia, napríklad 120 %, 140 % atď. Inými slovami, musíme zabezpečiť, aby používatelia mohli zväčšiť text na dvojnásobok jeho pôvodnej veľkosti pomocou podporných technológií alebo stratégií (a to nie je zanedbateľný detail). Aby sme vyhoveli tomuto štandardu, nemusíme v rozhraniach poskytovať nástroje na zvýšenie veľkosti textu. V praxi tieto funkcie nie sú ničím iným ako nadbytočnosťou. Zariadenia to už umožňujú robiť štandardizovaným spôsobom. Používatelia, ktorí toto nastavenie skutočne potrebujú, to vedia (pretože bez neho by bol ich život oveľa ťažší). Toto nastavenie už majú aplikované vo svojom zariadení. A to znamená, že môžeme eliminovať tieto dodatočné prvky rozhrania a zjednodušiť tak zážitok.
Štandardizovaný prístup Dôležitým pojmom, ktorý si treba zapamätať pri asistenčných technológiách, najmä v tomto prípade týkajúcom sa zväčšenia veľkosti písma, je, že väčšina zariadení už má mnohé z týchto nástrojov nainštalovaných predvolene. Inými slovami, v mnohých prípadoch si používatelia nemusia kupovať vlastný softvér alebo kupovať konkrétny typ zariadenia, len aby mali túto funkciu. Či už na mobilných zariadeniach alebo dokonca vo webových prehliadačoch, vo veľkej väčšine prípadov je ľahké nájsť nainštalované funkcie, ktoré vám umožnia zväčšiť predvolenú veľkosť písma, ktoré používame v celom rozhraní. Tento princíp zväčšovania veľkosti písma je možné aplikovať na digitálne produkty, ako sú aplikácie, alebo dokonca na akýkoľvek typ webovej stránky bežiacej na štandardných webových prehliadačoch, ktoré sa dnes používajú. iPhony Na zariadeniach iPhone je funkcia zväčšenia písma štandardne integrovaná. Ak chcete použiť túto funkciu, jednoducho prejdite na panel „Nastavenia“, vyberte „Prístupnosť“ a v skupine možností „Vízia“ prejdite na funkciu „Veľkosť textu a zobrazenie“ a nakonfigurujte požadované zväčšenie veľkosti písma na tejto obrazovke.
Google Chrome Webové prehliadače tiež štandardne ponúkajú funkciu na zväčšenie veľkosti písma. Napríklad v prehliadači Google Chrome je táto funkcia dostupná na paneli „Možnosti“, konkrétne v oblasti „Vzhľad“. V zozname možností, ktoré sa zobrazujú v tejto skupine, jednoducho vyberte možnosť „Veľkosť písma“. Za normálnych okolností sa vyberie možnosť „Stredné — Odporúčané“. Toto nastavenie môžete zmeniť na akúkoľvek inú dostupnú veľkosť písma. Skúste napríklad možnosť „Veľmi veľké“.
Test na obr Aby sa zabezpečilo, že práca s digitálnou dostupnosťou bude efektívna v každodennom živote tímov, je nevyhnutné nájsť jednoduché pracovné postupy. Akcie alebo iniciatívy, ktoré možno integrovať do rutiny tímu, ktoré riešia dostupnosť integrovaným spôsobom a nevyžadujú dramatickú transformáciu súčasnej reality. Verí, že ak by to bolo nevyhnutné, väčšinou by sa to nestalo. Preto je navrhovanie jednoduchých pracovných procesov polovicou bitky o to, aby sa dostupnosť skutočne stalaprípadu aj v rámci dizajnérskeho tímu. Čo sa týka testovania zväčšenia veľkosti písma v dizajne, dnes máme k dispozícii mimoriadne nástroje. Tí, ktorí si pamätajú časy navrhovania zložitých rozhraní v Adobe Photoshop, uznajú rozdiely v nástrojoch, ktoré dnes máme (a našťastie áno). Teraz je možné pomocou nástrojov, ako je Figma, vytvoriť takú dynamiku v dizajne, že testovanie veľkosti písma sa zväčšuje kvôli dostupnosti sa pre tím stáva takmer nevyhnutným.
Poznámka: Ak chcete vykonať tento test, musíte dobre pochopiť štýly textu, automatické rozloženia a premenné Figmy. Tieto tri sú základnými nástrojmi úspechu bez veľkého úsilia navyše. Ak ste si tieto funkcie ešte neosvojili, dôrazne vám odporúčame začať tam. Nepreskakujte kroky. Učenie je postupný proces, ktorý musí nasledovať štruktúrovaným spôsobom krok za krokom. Kam chceme ísť? Test zväčšenia veľkosti písma vo Figme, ktorý chceme vykonať, je jednoduchý. Chceme mať k dispozícii sadu premenných pre všetky štýly textu, ktoré používame v rozhraní, čo nám umožní vybrať si, či chceme vidieť rozhranie s textom v mierke 100 %, 120 %, 140 %, 160 %, 180 % alebo 200 %. Keď aplikujeme túto množinu premenných (podobne ako pri použití premenných pre svetlý a tmavý režim), sledujeme transformácie textu v rozhraní a chápeme, do akej miery sú potrebné úpravy v každej verzii rozhrania s rôznymi typografickými mierkami.
Ako to dosiahneme? Aby tento test prebehol tak hladko, musíte urobiť nejaké základy. Dizajnové systémy môžu výrazne pomôcť optimalizovať veľkú časť tejto počiatočnej práce. Ale nebudem ti klamať. Aby test fungoval dobre, váš návrh musí mať veľmi vážnu úroveň organizácie a systematizácie. Toto v skutočnosti nie je návod, pretože každý tím bude mať svoj vlastný pracovný model a tieto odporúčania možno použiť rôznymi spôsobmi (a to je v poriadku). Aby však tento test fungoval, je dôležité zabezpečiť určité predpoklady v návrhu. Aby sme vám pomohli pri fázovaní implementácie tohto testovacieho modelu, uvádzame niekoľko krokov, ktoré je potrebné dodržať. Podrobné pokyny, ktoré vás prevedú usporiadaním súborov a zaistia, aby ste tento test mohli úplne vykonať tým najjednoduchším a najpraktickejším možným spôsobom. 1. Navrhovanie rozhraní Všetko to začína dizajnom. Pred akýmkoľvek testovaním by sme sa mali zamerať na dizajn každého rozhrania, ktoré budeme chcieť neskôr otestovať. V tejto fáze stále neexistujú žiadne konkrétne obavy týkajúce sa testu zväčšenia veľkosti písma, ktorý vykonáme neskôr. Prirodzene, celý dizajn rozhrania by sa mal od začiatku riadiť najzákladnejšími odporúčaniami prístupnosti aplikovanými na dizajn.
2. Použiť automatické rozloženia na všetky prvky V každom dizajne obrazovky, ktorý vytvoríte, sa musíte uistiť, že dokonale použijete automatické rozloženia. Toto je veľmi dôležitý krok. Práve toto konzistentné uplatňovanie automatických rozložení na celú štruktúru a dizajnové prvky neskôr zaručí škálovateľnosť rozhrania, keď začneme testovať zväčšenie veľkosti písma. Tento krok naozaj nemôžete podceniť. Ak mu nevenujete pozornosť, ktorú si zaslúži, uvidíte, keď otestujeme typografické škálovanie v rozhraniach, všetko sa rozpadne ako slon v obchode s porcelánom.
3. Štruktúrovanie a aplikácia štýlov textu Ak chcete vykonať náš test zväčšenia veľkosti písma, budeme tiež potrebovať, aby ste použili štýly textu na každý dizajn rozhrania. Pravdepodobne ste ich dokonca začali vytvárať počas kreslenia. Skvelé. Ak ste tak ešte neurobili, je dôležité, aby ste to urobili teraz. Aby test fungoval perfektne, toto naozaj potrebujeme. Nenechávajte žiadny textový prvok v dizajne bez použitého štýlu textu.
4. Definujte súbor premenných na 100 % Tento test si vyžaduje pomerne vysoký stupeň optimalizácie. V praxi to znamená, že budeme musieť použiť premenné Figma pre všetky charakteristiky textových štýlov, ktoré máme v rozhraní. V tejto fáze musíte definovať premenné „číslo“ Figma aspoň pre veľkosť písma a výšku riadku štýlov textu, ktoré ste použili na výkres. Týmto krokom definujete hodnoty mierky zväčšenia veľkosti písma pre 100% vizualizačný model, teda počiatočnú a referenčnú verziu výkresu. Je dôležité, aby ste štruktúrovali tieto premenné pre každý štýl textu na výkrese, pretože následne budeme musieť zvážiť mierku zväčšenia každého z týchto textových prvkov.
5. Použite premenné na štýly textu Po definovaní premenných pre štýly textu so 100% mierkou ich teraz musíte použiťna prvky už vytvorených štýlov textu. Nezabudnite použiť premenné aspoň na charakteristiky veľkosti písma a výšky riadku. Ak máte viac typografických premenných, je to v poriadku. Ale mali by ste mať aspoň premenné aplikované na veľkosť písma a výšku riadku. Toto je naozaj veľmi dôležité.
6. Definujte premenné na zvýšenie veľkosti textu Teraz, keď máte premenné aplikované na štýly textu so 100% mierkou, ďalším krokom je vytvorenie premenných pre ostatné mierky zväčšenia veľkosti písma. V praxi musíte vytvoriť premenné, ktoré povedia systému, na akú veľkosť písma narastie každý štýl textu, keď je mierka zväčšenia 120 %, 140 %, 160 % atď. Ak chcete definovať hodnoty veľkosti písma a výšky riadka, jednoducho vynásobte počiatočnú hodnotu percentom mierky. Napríklad, ak má štýl textu veľkosť písma 16 pixelov, veľkosť pre 120% mierku bude 16 vynásobená 1,2, čo dáva výsledok 19,2. Tento výpočet zopakujte pre všetky hodnoty veľkosti písma a výšky riadka v percentách zväčšenia veľkosti písma, ktoré si zvolíte. Môžete si tiež vybrať, či chcete na konečné hodnoty použiť zaokrúhľovanie alebo nie. Toto je približný test, a preto akékoľvek rozdiely, ktoré môžu vyplynúť zo zaokrúhľovania, neovplyvnia konečné vnímanie výsledku testu.
7. Aplikujte premenné na rôzne verzie Nastal okamih pravdy. Ďalším krokom je pochopiť, či všetko funguje, aby test prebehol perfektne. Preto by ste mali skopírovať pôvodné rozhranie a použiť sadu premenných pre každú mieru zväčšenia veľkosti písma, ktorá vám dáva zmysel. Tento postup zopakujte pre všetky percentá zvýšenia veľkosti písma, ktoré ste definovali. Ako návrh môžete ako referenciu použiť percentá zvýšenia o 120 %, 140 %, 160 %, 180 % a 200 %. Ak chcete zjednodušiť, môžete znížiť počet percent mierky, s ktorými pracujete. Bez ohľadu na počet percent, s ktorými pracujete, vždy by ste mali pracovať s minimálne 100% a 200% stupnicou.
8. Identifikujte oblasti na zlepšenie Použitím rôznych mierok zväčšenia veľkosti písma na rovnakú obrazovku je ľahké pochopiť, kde môžu byť potrebné zlepšenia. Tu začína skutočný test zväčšovania veľkosti písma v dizajne rozhrania a najzaujímavejšia práca na prístupnosti. Pri analýze rôznych obrazoviek majte na pamäti niektoré dôležité aspekty:
Skutočnosť, že text pôsobí giganticky, nie je problém a „neničí“ dizajn. Pamätajte, že to môže znamenať rozdiel medzi tým, či niekto môže používať konkrétny produkt alebo službu alebo nie. Problém s prístupnosťou nastáva vtedy, keď zväčšenie veľkosti písma znemožňuje používateľovi čítať určité texty alebo aktivovať určité ovládacie prvky. Pri textových prvkoch, ktoré sú už veľmi veľké, nemusí mať zväčšenie písma zmysel. Tým by sa tieto prvky mohli stať neprimeranými, čo by nezlepšilo čitateľnosť (keďže už majú dobrú veľkosť) a zaberali by úplne zbytočné miesto. Ak existujú prvky, ktoré sa zdajú vyskočiť z obrazovky, prvým krokom je potvrdiť, ako používate automatické rozloženie. Mnoho aspektov dizajnu sa dá ľahko vyriešiť správnym použitím automatického rozloženia. Bez ohľadu na mieru zväčšenia veľkosti písma je nevyhnutné zachovať vizuálnu hierarchiu typografie, pretože táto čitateľnosť je dôležitá pre vnímanie rôznych úrovní informácií prítomných na obrazovke. Tento test môže pomôcť identifikovať prvky, ktoré môžu vyžadovať úpravy priamo v kóde, aby dobre fungovali pri danom rozsahu zvýšenia. Nie všetko sa dá vyriešiť samotným dizajnom, a to je úplne v poriadku. Dostupnosť je v podstate tímová práca.
9. Vykonajte opravy a úpravy dizajnu Nakoniec na základe rôznych obrazoviek s rôznymi použitými mierkami zväčšenia textu môžete vykonať zmeny dizajnu, ktoré dávajú zmysel. Niektoré z týchto úprav môžu byť potrebné iba v kóde. V týchto prípadoch zdokumentujete všetky tieto návrhy a postúpite ich vývojovému tímu. Je tiež dôležité (znova) zdôrazniť, že niektoré problémy, s ktorými sa môžete stretnúť pri návrhu, sa dajú rýchlo vyriešiť v procese návrhu jednoduchým a správnym použitím vlastností automatického rozloženia.
10. Vráťte sa na začiatok a zopakujte proces Ide o cyklický prístup. To znamená, že by ste mali opakovať tieto kroky alebo ich variácie toľkokrát, koľkokrát je to potrebné v priebehu projektu. Je prirodzené, že postupom času a optimalizáciou procesov niektorétieto kroky prestanú dávať zmysel. To absolútne nie je problém. Najdôležitejšia vec, ktorú si tu treba uvedomiť, je, že dostupnosť a tento proces testovania zväčšenia veľkosti písma by sa nemali robiť len raz, a to je všetko. Je to test, ktorý treba vykonať veľa, mnohokrát počas každodennej práce každého projektu a tímu.
Úloha dizajnových systémov Na prvý pohľad sa tento zoznam krokov môže zdať ako zložité cvičenie. ale nie je. Je to preto, že veľká väčšina, ak nie všetky, z týchto krokov sa dajú ľahko vykonať v akomkoľvek kontexte, kde existuje návrhový systém. V skutočnosti sa dizajnové systémy stali nevyhnutným štandardom v priemysle produktového dizajnu. Môžeme diskutovať o tom, čo každý tím nazýva dizajnovým systémom, ale pravdou je, že dnes je veľmi ťažké nájsť tím produktového dizajnu, ktorý by nemal prinajmenšom minimálne štruktúrovanú knižnicu komponentov a štýlov.
S týmto základom, či už viac alebo menej zdokumentovaným, je veľmi jednoduché použiť tento typ testu zväčšenia veľkosti písma pomocou premenných Figma. Okrem toho, ak váš návrhový systém už má napríklad štruktúrované premenné pre svetlý a tmavý režim, znamená to, že už uplatňujete presne tie isté princípy, aké sme použili pri vykonávaní tohto testu. Takže nič nové. Práca s návrhovými systémami zahŕňa úroveň štruktúrovania a organizácie, ktorá je tiež veľmi užitočná pri vytváraní tohto typu testu. Existuje mýtus, že dizajnové systémy obmedzujú kreativitu. Nie je to pravda. Dizajnové systémy pomáhajú riešiť „byrokratickú“ časť dizajnu, takže môžeme mať skutočne viac času na to, na čom záleží: v tomto prípade testovanie dostupnosti a vytváranie stále väčšieho množstva produktov a služieb, ktoré sú skutočne dostupné pre čo najväčší počet ľudí. Príklad súboru Vždy je jednoduchšie vidieť príklad, ako len čítať popis procesu. Ak to platí v mnohých disciplínach poznania, v dizajne, tento predpoklad dáva ešte väčší zmysel. Preto v tomto súbore Figma, ktorý je voľne publikovaný a otvorene dostupný komunite, nájdete praktický príklad celého procesu testovania opísaného tu. Pamätajte, že toto je len príklad. V kontexte súboru Figma môže existovať nespočetné množstvo spôsobov, ako vykonať tento typ testu.
Nezabudnite sa na tento prístup pozrieť kritickým okom. Je to návrh na testovanie zväčšenia veľkosti písma, ktorý nasleduje po špecifickom procese. Napriek tomu by mal byť prístup prispôsobený špecifickej realite, procesom a úrovni zrelosti vášho tímu. Jednoduché kopírovanie vzorcov od iných tímov bez toho, aby sme pochopili, či dávajú zmysel v našom vlastnom kontexte, je istým spôsobom, ako urobiť snahy o dostupnosť neprimerané. Každá situácia je jedinečná. Tento prístup sa snaží v tomto špecifickom kontexte čo najviac zjednodušiť prácu s prístupnosťou. A pamätajte: ak sa niečo stane, akokoľvek malé, je to krok vpred, nie krok späť. A to by mal osláviť každý v tíme.
