Budování skutečné kultury digitální dostupnosti ve společnosti je posláním odolnosti a vytrvalosti. Pro diskurz o přístupnosti není těžké upadnout do obvyklých klišé. Dostupnost je pro lidi velmi důležitá. Dostupnost digitálních produktů a služeb podporuje začlenění. Nebo by se dokonce všichni odborníci v týmech měli podílet na práci s přístupností. Samozřejmě. Nikdo se zdravým rozumem nebude zpochybňovat žádné z těchto prohlášení (doufám). Nicméně druhá část tohoto rozhovoru, ke které se dostane jen velmi málo společností, je „jak?“ Jak to uděláme uprostřed každodenní práce týmů digitální transformace, které, jak všichni víme, jsou ponořeny do náročných skriptů, často s velmi omezeným počtem lidí k dispozici? Většinu času končí volba mezi „uděláme to“ a „tamto“. A nemělo by, protože v těchto případech jsem nikdy neviděl, že by v této rovnici zvítězila dostupnost. Nemělo by to tak být. Nemusíte být takový. Za prvé, protože volba mezi přístupností a čímkoli jiným není správná volba. Usnadnění již není jen další funkcí, kterou lze přidat k ostatním. Je to přidaná hodnota pro podnikání a v současné době zákonná povinnost, která může mít pro firmy vážné důsledky. Na druhou stranu existují inteligentní, optimalizované a účinné způsoby, jak začlenit principy přístupnosti do přirozené dynamiky týmů. Je možné pracovat na přístupnosti, aniž byste převrátili týmové operace vzhůru nohama. V podstatě to je to, co AccessibilityOps dělá. Posílit postavení lidí a poskytnout týmům jednoduché procesy, aby mohly bez nepřiměřeného úsilí integrovat práci s přístupností do svých každodenních rutin. Přístupnost a design Práce na digitální přístupnosti v designu může zahrnovat několik akcí. Je jasné, že musíme věnovat zvláštní pozornost barvě a tomu, jak se používá k vyjádření významu. Interakční velikosti prvků samozřejmě musí být pohodlné. Ale co je nejdůležitější, musíme přemýšlet o designu z všestranného hlediska. Rozhraní není plakát. Můžeme ovládat mnoho aspektů tohoto návrhu, ale to, jak uživatelé interagují s rozhraním, podléhá nekonečnému množství proměnných. Typ zařízení, kontext, účel, kvalita sítě atd. To vše výrazně ovlivňuje zkušenost a interakci každého člověka. Spolu s tím vším, když se do procesu návrhu vnesou obavy z digitální přístupnosti, přidá to ještě více proměnných.
Lidé často používají to, čemu se říká asistenční technologie a strategie. V podstatě se jedná o technologické nástroje nebo přinejmenším „triky“, ke kterým se lidé uchylují, aby našli pohodlnější modely použití. Slavné čtečky obrazovky, běžně spojované s používáním nevidomých lidí (ale nejsou užitečné jen pro ně), jsou například asistenční technologií. Pomocnou technologií je také změna barev nebo barevných kontrastů mezi různými prvky. Dalším příkladem je zvětšení velikosti písma (které jsme probrali v tomto textu). Asistenčních technologií a strategií je nespočet. Téměř tolik jako různé kontexty použití pro každou osobu. Nekontrolujeme vše Jinými slovy (a to je pro nás designéry „špatná zpráva“), „náš design“ podléhá z pohledu uživatelů transformacím, které nemáme pod kontrolou. Bude „transformován“ uživatelem, což zajistí, že bude moci interagovat s aplikací a vším, co nabízí, tím nejpohodlnějším možným způsobem. A to je dobrá věc. Pokud se tak stane a vše půjde dobře, určitě jsme svou práci s přístupností odvedli velmi dobře a všichni si zasloužíme gratulaci. Pokud uživatel použije některou z těchto podpůrných technologií a strategií a přesto nemůže digitální aplikaci používat, je to známka toho, že něco nefunguje, jak by mělo. Oh, a když už jsme u toho. Ani nepřemýšlejte o blokování používání těchto technologií nebo strategií podpory. Možná „ničí“ váš krásný design, ale umožňují stále více lidem aplikaci skutečně používat. Nebylo to nakonec přesně to, co jsme slíbili, že chceme udělat? Design pro (všechny) lidi. Bez výjimky? Zvětšit velikost písma Kolikrát jsme slyšeli někoho – přátele, rodinu nebo dokonce kolegy – stěžovat si, že ten či onen text je příliš malý? Text hraje v digitálním zážitku velmi důležitou roli. Mnoho informací je předáváno prostřednictvím textu:návod k použití, popisky tlačítek nebo interaktivní prvky. To vše využívá text jako komunikační nástroj. Pokud je čtení všech těchto prvků obtížné, přirozeně je zážitek vážně narušen. Pohodlné čtení textu bez ohledu na jeho funkci je nesmlouvavou zásadou. Toto čtení lze usnadnit použitím pohodlných velikostí v designu. Podporované technologie a strategie, prostřednictvím funkce zvětšování velikosti písma, však mohou také pomoci zlepšit čitelnost. Podle údajů APPT 26 % uživatelů mobilních zařízení Android a iOS zvětšuje výchozí velikost písma (údaje z února 2026). Každý čtvrtý uživatel zvětší velikost písma na svém smartphonu. Jedná se o velmi významný vzorek lidí, díky čemuž je tato funkce v procesech návrhu nevyhnutelná.
Soulad se směrnicemi Zvětšení velikosti písma v rozhraních může představovat obrovskou návrhářskou výzvu. Je důležité pochopit, že některé textové prvky se mohou náhle v důsledku akcí uživatele zdvojnásobit oproti původní velikosti. „S výjimkou titulků a textových obrázků lze velikost textu změnit bez asistenční technologie až o 200 % bez ztráty obsahu nebo funkčnosti.“— Kritérium úspěšnosti 1.4.4, „Změna velikosti textu“ pravidel Web Content Accessibility Guidelines (WCAG), verze 2.2
Toto kritérium úspěšnosti je na úrovni shody AA, což znamená, že se jedná o absolutně povinný prvek podle jakéhokoli právního rámce. Je snadné pochopit 200% v tomto kritériu úspěchu. Pokud předpokládáme, že navrhujeme rozhraní ve 100% měřítku, což znamená, že velikost prvku je počáteční velikost, pak zvětšení textu až o 200 % bude odpovídat zdvojnásobení počáteční velikosti. Lze použít i další měřítka zvětšení, například 120 %, 140 % a tak dále. Jinými slovy, musíme zajistit, aby uživatelé mohli zvětšit text na dvojnásobek jeho původní velikosti pomocí podpůrných technologií nebo strategií (a to není zanedbatelný detail). Abychom vyhověli tomuto standardu, nemusíme v rozhraních poskytovat nástroje pro zvětšení velikosti textu. V praxi tyto funkce nejsou ničím jiným než redundancí. Zařízení to již umožňují standardizovaným způsobem. Uživatelé, kteří toto nastavení opravdu potřebují, to vědí (protože bez něj by byl jejich život mnohem obtížnější). Toto nastavení již mají na svém zařízení. A to znamená, že můžeme odstranit tyto další prvky rozhraní a zjednodušit tak zážitek.
Standardizovaný přístup Důležitým konceptem, který je třeba pamatovat na asistenční technologie, zejména v tomto případě týkajícím se zvětšování velikosti písma, je, že většina zařízení již má mnoho z těchto nástrojů nainstalováno ve výchozím nastavení. Jinými slovy, v mnoha případech si uživatelé nemusí kupovat vlastní software nebo kupovat konkrétní typ zařízení, jen aby měli tuto funkcionalitu. Ať už na mobilních zařízeních nebo dokonce ve webových prohlížečích, v naprosté většině případů je snadné najít nainstalované funkce, které vám umožní zvětšit výchozí velikost písma, kterou používáme v celém rozhraní. Tento princip zvětšování velikosti písma lze aplikovat na digitální produkty, jako jsou aplikace, nebo dokonce na jakýkoli typ webových stránek běžících na standardních webových prohlížečích, které se dnes používají. iPhony Na zařízeních iPhone je funkce zvětšení velikosti písma integrována ve výchozím nastavení. Chcete-li tuto funkci použít, jednoduše přejděte na panel „Nastavení“, vyberte „Přístupnost“ a ve skupině možností „Vize“ otevřete funkci „Velikost textu a zobrazení“ a nakonfigurujte požadované zvětšení velikosti písma na této obrazovce.
Google Chrome Webové prohlížeče také standardně nabízejí funkci pro zvětšení velikosti písma. Například v prohlížeči Google Chrome je tato funkce dostupná na panelu „Možnosti“, konkrétně v oblasti „Vzhled“. V seznamu možností, které se zobrazí v této skupině, jednoduše vyberte možnost „Velikost písma“. Normálně bude vybrána možnost „Střední — Doporučeno“. Toto nastavení můžete změnit na jakoukoli jinou dostupnou velikost písma. Zkuste například možnost „Velmi velké“.
Test na Figma Aby se zajistilo, že se práce s digitální dostupností stane efektivní v každodenním životě týmů, je nezbytné najít jednoduché pracovní postupy. Akce nebo iniciativy, které lze integrovat do rutiny týmu, které řeší dostupnost integrovaným způsobem a nevyžadují dramatickou transformaci současné reality. Pokud by to bylo nutné, věří, že by se to většinou nestalo. Navrhování jednoduchých pracovních procesů je tedy polovinou bitvy o to, aby k přístupnosti skutečně došlopřípad, také v rámci konstrukčního týmu. Pokud jde o testování zvětšení velikosti písma v designu, dnes máme k dispozici mimořádné nástroje. Ti, kteří si pamatují doby navrhování složitých rozhraní v Adobe Photoshopu, poznají rozdíly v nástrojích, které dnes máme (a naštěstí ano). Nyní je možné pomocí nástrojů, jako je Figma, vytvořit takovou dynamiku v designu, že se pro tým stává téměř nevyhnutelným zvětšení velikosti testovacího písma kvůli dostupnosti.
Poznámka: Abyste mohli absolvovat tento test, musíte dobře rozumět stylům textu, automatickým rozvržením a proměnným Figmy. Tyto tři jsou základními nástroji úspěchu bez velkého úsilí navíc. Pokud jste si tyto funkce ještě neosvojili, důrazně doporučujeme, abyste začali tam. Nepřeskakujte kroky. Učení je postupný proces, který musí probíhat strukturovaně, krok za krokem. Kam chceme jít? Test zvětšení velikosti písma ve Figmě, který chceme provést, je jednoduchý. Chceme mít k dispozici sadu proměnných pro všechny styly textu, které v rozhraní používáme, což nám umožní vybrat si, zda chceme rozhraní s textem vidět na stupnici 100 %, 120 %, 140 %, 160 %, 180 % nebo 200 %. Když aplikujeme tuto sadu proměnných (podobně jako použití proměnných pro světlý a tmavý režim), sledujeme transformace textu v rozhraní a chápeme, do jaké míry jsou potřebné úpravy v každé verzi rozhraní s různými typografickými měřítky.
Jak to uděláme? Aby tento test proběhl tak hladce, musíte udělat nějaké základy. Návrhové systémy mohou výrazně pomoci optimalizovat velkou část této počáteční práce. Ale nebudu vám lhát. Aby test fungoval dobře, váš návrh musí mít velmi seriózní úroveň organizace a systematizace. Toto ve skutečnosti není průvodce, protože každý tým bude mít svůj vlastní model práce a tato doporučení lze použít různými způsoby (a to je v pořádku). Aby však tento test fungoval, je důležité zajistit v návrhu určité předpoklady. Abychom vám pomohli s fázováním implementace tohoto testovacího modelu, uvádíme několik kroků, které je třeba dodržet. Podrobné pokyny, které vás provedou organizováním souborů a zajistí, že budete moci tento test plně provést tím nejjednodušším a nejpraktičtějším možným způsobem. 1. Návrh rozhraní Všechno to začíná designem. Před jakýmkoli testováním by se mělo, jak by mělo, zaměřit na design každého rozhraní, které budeme chtít později otestovat. V této fázi stále neexistuje žádný konkrétní problém s testem zvětšení velikosti písma, který provedeme později. Přirozeně by se veškerý návrh rozhraní měl od počátku řídit nejzákladnějšími doporučeními týkajícími se přístupnosti aplikovanými na návrh.
2. Aplikujte automatické rozvržení na všechny prvky V každém návrhu obrazovky, který vytvoříte, budete muset zajistit dokonalé použití automatických rozložení. To je velmi důležitý krok. Právě tato konzistentní aplikace automatického rozložení na celou strukturu a prvky návrhu později zaručí škálovatelnost rozhraní, když začneme testovat zvětšení velikosti písma. Tento krok opravdu nemůžete podcenit. Pokud mu nevěnujete pozornost, jakou si zaslouží, uvidíte, když otestujeme typografické škálování v rozhraních, všechno se rozpadne jako slon v porcelánu.
3. Strukturování a použití stylů textu Abychom mohli provést náš test zvětšení velikosti písma, budeme také potřebovat, abyste použili styly textu na každý návrh rozhraní. Pravděpodobně jste je dokonce začali vytvářet, když jste kreslili. Velký. Pokud jste tak neučinili, je důležité, abyste to udělali nyní. Aby test fungoval perfektně, opravdu to potřebujeme. Nenechávejte v návrhu žádný textový prvek bez aplikovaného stylu textu.
4. Definujte 100% sadu proměnných Tento test vyžaduje poměrně vysoký stupeň optimalizace. V praxi to znamená, že budeme muset použít proměnné Figma pro všechny vlastnosti textových stylů, které máme v rozhraní. V této fázi musíte definovat proměnné „číslo“ Figma alespoň pro velikost písma a výšku řádku stylů textu, které jste aplikovali na výkres. Tímto krokem definujete hodnoty měřítka zvětšení velikosti písma pro 100% vizualizační model, tedy počáteční a referenční verzi výkresu. Je důležité, abyste tyto proměnné strukturovali pro každý styl textu ve výkresu, protože následně budeme muset vzít v úvahu měřítko zvětšení každého z těchto textových prvků.
5. Aplikujte proměnné na styly textu Po definování proměnných pro styly textu se 100% měřítkem je nyní musíte použítna prvky již vytvořených stylů textu. Nezapomeňte použít proměnné alespoň na charakteristiky velikosti písma a výšky řádku. Pokud máte více typografických proměnných, je to v pořádku. Ale měli byste mít alespoň proměnné aplikované na velikost písma a výšku řádku. To je opravdu velmi důležité.
6. Definujte proměnné pro zvětšení velikosti textu Nyní, když máte proměnné aplikované na styly textu se 100% měřítkem, je dalším krokem vytvoření proměnných pro další měřítka zvětšení velikosti písma. V praxi musíte vytvořit proměnné, které systému řeknou, na jakou velikost písma každý styl textu naroste, když je měřítko zvětšení 120 %, 140 %, 160 % atd. Chcete-li definovat hodnoty velikosti písma a výšky řádku, jednoduše vynásobte počáteční hodnotu procentem měřítka. Pokud má například styl textu velikost písma 16 pixelů, velikost pro měřítko 120 % bude 16 násobeno 1,2, což dává výsledek 19,2. Opakujte tento výpočet pro všechny hodnoty velikosti písma a výšky řádku v procentech zvětšení velikosti písma, které zvolíte. Můžete si také vybrat, zda chcete na konečné hodnoty použít zaokrouhlení. Jedná se o přibližný test, a proto jakékoli rozdíly, které mohou vzniknout zaokrouhlováním, neovlivní konečné vnímání výsledku testu.
7. Aplikujte proměnné na různé verze měřítka Nastal okamžik pravdy. Dalším krokem je pochopit, zda vše funguje, aby test proběhl perfektně. Proto byste měli zkopírovat původní rozhraní a použít sadu proměnných pro každou míru zvýšení velikosti písma, která vám dává smysl. Tento postup opakujte pro všechna procenta zvětšení velikosti písma, která jste definovali. Jako návrh můžete jako referenci použít procenta zvýšení o 120 %, 140 %, 160 %, 180 % a 200 %. Pokud chcete zjednodušit, můžete snížit počet procent měřítka, se kterými pracujete. Bez ohledu na počet procent, se kterými pracujete, byste vždy měli pracovat s minimálně 100% a 200% stupnicemi.
8. Identifikujte oblasti pro zlepšení Použitím různých měřítek pro zvětšení velikosti písma na stejnou obrazovku je snadné pochopit, kde mohou být potřebná vylepšení. Zde začíná skutečný test zvětšování velikosti písma v designu rozhraní a nejzajímavější práce na usnadnění. Při analýze různých obrazovek mějte na paměti některé důležité aspekty:
Skutečnost, že text působí giganticky, není problém a „neničí“ design. Pamatujte, že to může znamenat rozdíl mezi tím, zda někdo může používat konkrétní produkt nebo službu, nebo ne. Problém s přístupností nastává, když zvětšení velikosti písma znemožňuje uživateli číst určité texty nebo aktivovat určité ovládací prvky. U textových prvků, které jsou již velmi velké, nemusí mít zvětšení velikosti písma smysl. Pokud tak učiníte, tyto prvky by mohly být nepřiměřené, což by nezlepšilo čitelnost (protože již mají dobrou velikost) a zabíraly by zcela zbytečné místo. Pokud existují prvky, které vypadají, že vyskakují z obrazovky, prvním krokem je potvrdit, jak používáte automatické rozvržení. Mnoho aspektů návrhu lze snadno vyřešit správným použitím automatického rozložení. Bez ohledu na míru zvětšení velikosti písma je nezbytné zachovat vizuální hierarchii typografie, protože tato čitelnost je důležitá pro vnímání různých úrovní informací přítomných na obrazovce. Tento test může pomoci identifikovat prvky, které mohou vyžadovat úpravy přímo v kódu, aby dobře fungovaly v daném měřítku zvýšení. Ne všechno lze vyřešit pouze designem, a to je naprosto v pořádku. Přístupnost je v podstatě týmová práce.
9. Proveďte opravy a úpravy designu Nakonec můžete na základě různých obrazovek s různými použitými měřítky zvětšení textu provést změny návrhu, které dávají smysl. Některé z těchto úprav mohou být nutné pouze v kódu. V těchto případech zdokumentujete všechny tyto návrhy a předáte je vývojovému týmu. Je také důležité (znovu) zdůraznit, že některé problémy, se kterými se můžete při návrhu setkat, lze rychle vyřešit v procesu návrhu jednoduchým a správným použitím vlastností automatického rozvržení.
10. Vraťte se na začátek a opakujte proces Jedná se o cyklický přístup. To znamená, že byste měli tyto kroky nebo jejich varianty v průběhu projektu opakovat tolikrát, kolikrát je potřeba. Je přirozené, že postupem času a optimalizací procesů některétyto kroky přestanou dávat smysl. To rozhodně není problém. Ale nejdůležitější věc, kterou si zde musíte uvědomit, je, že přístupnost a tento proces testování zvětšení velikosti písma by se neměly provádět pouze jednou, a to je vše. Je to test, který je třeba udělat mnohokrát, mnohokrát během každodenní práce každého projektu a týmu.
Role designových systémů Na první pohled by se tento seznam kroků mohl zdát jako komplexní cvičení. ale není. Je to proto, že převážnou většinu, ne-li všechny, těchto kroků lze snadno provést v jakémkoli kontextu, kde existuje návrhový systém. Ve skutečnosti se designové systémy staly nevyhnutelným standardem v průmyslu produktového designu. Můžeme diskutovat o tom, co každý tým nazývá designovým systémem, ale pravdou je, že je dnes velmi obtížné najít tým produktového designu, který by neměl alespoň minimálně strukturovanou knihovnu komponent a stylů.
S tímto základem, ať už více či méně zdokumentovaným, je velmi snadné použít tento typ testu zvětšení velikosti písma pomocí proměnných Figma. Kromě toho, pokud váš návrhový systém již má například strukturované proměnné pro světlý a tmavý režim, znamená to, že již aplikujete přesně stejné principy, jaké jsme použili při provádění tohoto testu. Takže nic nového. Práce s návrhovými systémy zahrnuje úroveň strukturování a organizace, která je také velmi užitečná pro vytváření tohoto typu testu. Existuje mýtus, že designové systémy omezují kreativitu. To není pravda. Designové systémy pomáhají řešit „byrokratickou“ část designu, takže můžeme mít více času na to, na čem záleží: v tomto případě na testování přístupnosti a vytváření stále více produktů a služeb, které jsou skutečně dostupné pro co největší počet lidí. Příklad souboru Vždy je snazší vidět příklad, než jen číst popis procesu. Pokud to platí v mnoha vědních oborech, v designu, dává tento předpoklad ještě větší smysl. Proto v tomto souboru Figma, volně publikovaném a veřejně dostupném komunitě, najdete praktickou ukázku celého zde popsaného procesu testování. Pamatujte, že toto je pouze příklad. V kontextu souboru Figma může být nespočet způsobů, jak provést tento typ testu.
Nezapomeňte se na tento přístup podívat kritickým okem. Je to návrh pro testování zvětšení velikosti písma, který následuje po konkrétním procesu. Navzdory tomu by měl být přístup přizpůsoben konkrétní realitě, procesům a úrovni vyspělosti vašeho týmu. Pouhé kopírování vzorců od jiných týmů bez pochopení, zda dávají smysl v našem vlastním kontextu, je jistý způsob, jak učinit snahy o přístupnost nepřiměřené. Každá situace je jedinečná. Tento přístup se snaží v tomto specifickém kontextu co nejvíce zjednodušit práci s přístupností. A pamatujte: pokud se něco stane, byť sebemenšího, je to krok vpřed, ne krok zpět. A to by měli oslavit všichni v týmu.
