Je přístupnost opakem designu? Ani náhodou — je to design na vyšší úrovni.

„Nebude ale zpřístupnění dělat náš design nudným?“

Tuhle otázku v AccessTime slyšíme skoro při každém prvním setkání. Obvykle následují obavy z „ošklivých“ kontrastních barev, strach z odstranění krásných animací nebo pocit, že přístupný design znamená šedé, korporátní weby bez špetky kreativity.

Rozumíme, proč tohle nedorozumění vzniká. Dlouho se přístupnost prezentovala jako sada zákazů: nepoužívej tuhle barvu, tuhle interakci nevytvářej, nevymýšlej nic příliš kreativního.

Jenže naše zkušenost s designérskými týmy napříč obory ukazuje, že přístupnost dobrý design nezabíjí. Naopak – dělá ho lepším.

Rádi vám ukážeme, proč ty nejhezčí, nejinovativnější a nejpřívětivější produkty bývají zároveň i ty nejvíc přístupné.

Jak je to doopravdy s „nudným“ přístupným designem

Začněme tím, co je všem na očích. Ano, některé přístupné weby vypadají hodně jednoduše. Jenže důvodem není přístupnost sama o sobě – ale to, že se na ni myslelo až na poslední chvíli. Takové řešení pak znamená kompromisy — do existující palety se bez rozmyslu nasype pár kontrastních barev, některé interakce se prostě vypustí místo toho, aby se udělaly lépe, a celé to působí jako narychlo přilepené.

Když se ale s přístupností počítá od začátku, výsledek vypadá úplně jinak. Přístupné produkty pak často patří k těm nejpůsobivějším, nejintuitivnějším a nejzapamatovatelnějším designům vůbec. Rozdíl je v přístupu.

• Když se na přístupnost myslí až na poslední chvíli jako na položku k odškrtnutí, produkty často skončí s kompromisy. Do existující palety se bez ohledu na celkovou estetiku vloží kontrastní barvy, interaktivní prvky se raději odstraní než vylepší a funkce působí spíš jako nouzové doplňky než jako promyšlená součást celku.
• Naopak když je přístupnost součástí procesu od samého začátku, výsledky vypadají úplně jinak. Některé z nejlépe přístupných produktů jsou zároveň i ty nejpůsobivější, nejpřívětivější k uživateli a nejzapamatovatelnější.

Rozdíl je v přístupu.

Přístupnost jako kreativní výzva

Jedna z věcí, kterou jsme se naučili při práci s talentovanými designéry, je, že omezení kreativitu nezabíjí, ale soustředí ji.“ Přístupnost totiž nabízí jedny z nejzajímavějších designových „omezení“, jaké si dokážete představit.

Vezměme si třeba barvy.

Ano, mezi textem a pozadím musíte zajistit dostatečný kontrast. To ale vůbec neznamená, že navždy skončíte u černého textu na bílém pozadí. Viděli jsme designéry, kteří dokázali vytvořit naprosto úchvatné palety barev, splňující kontrastní kritéria, a přitom byly propracovanější a promyšlenější než jejich původní návrhy.

Nemůžete spoléhat jen na barvu? Využijete typografii, ikony a rozvržení. Potřebujete, aby web fungoval bez myši? Zlepšíte uživatelské toky a logiku rozhraní. Má fungovat i se čtečkami obrazovky? Vytvoříte jasnější hierarchii informací, ze které těží úplně každý.

Přístupnost vás vede k tomu, abyste přemýšleli důsledněji a tvořili promyšlenější a originálnější řešení.

Inovace, které přináší inkluzivní přístup

Mnohé z nejoblíbenějších designových vzorů, které dnes používáme, vznikly díky přístupnosti. Všimli jste si, jak příjemné je ovládat Netflix jen klávesnicí? Nebo jak přehledné a snadno čitelné jsou články na Medium? To není náhoda – je to výsledek designu, který od začátku počítal s různorodými potřebami uživatelů.

Hlasová rozhraní, ovládání gesty nebo responzivní layouty – všechny tyto inovace mají kořeny právě v přístupnosti. Když jsou designéři vyzváni, aby vytvářeli řešení i pro lidi s různými schopnostmi, často objeví vzory, které nakonec zlepší zážitek všem.

Podobné situace známe i od našich klientů. Přicházejí s obavou, kterou slyšíme často: jejich brandová barevná paleta není plně přístupná. Kontrast nestačí podle standardů WCAG, takže tlačítka a interaktivní prvky neprojdou. A vzdát se firemních barev nepřipadá v úvahu – jsou přece součástí identity.

Řešení? Nehodili jsme celou paletu do koše, ale hledali kreativní cestu:

• Pro tlačítka a interaktivní prvky jsme použili výraznou konturu v barvě značky na kontrastním pozadí, aby byla zachována čitelnost i vizuální identita.
• Samotná barva značky byla ponechána pouze pro zvýraznění a dekorativní prvky, nikoli pro text nebo klíčové interakce.

Výsledek? Web, který byl nejen plně v souladu s pravidly přístupnosti, ale zároveň působil jednotně a odpovídal vizuálnímu stylu značky. Otevřela se tak možnost ukázat, jak může barevná paleta opravdu zazářit.

Bourání mýtu: „Přístupné = ošklivé“

Pojďme si rozebrat nejčastější obavy, které slýcháme:

• „Vysoký kontrast působí tvrdě a neprofesionálně.“

  Naopak, dobrý kontrast zlepšuje čitelnost pro všechny, nejen pro lidi se zrakovým omezením. Každý, kdo se snažil přečíst světle šedý text na bílém pozadí na přímém slunci, ví, o čem je řeč. Designéři, kteří kontrast přijmou, často vytvoří odvážnější a působivější vizuální hierarchii.

  Relevant WCAG criteria

  : 1.4.3 Contrast (Minimum), 2.1.4.6 Contrast (Enhanced)

• „Nemůžeme používat animace, protože by mohly vyvolat epileptické záchvaty.“

  Tohle je časté nedorozumění. Animace použít můžete, jen s rozmyslem. Vyhněte se rychlému blikání, nabídněte ovládací prvky pro zastavení obsahu a respektujte uživatelská nastavení pro omezený pohyb. Výsledek? Animace, které nejsou rušivé, ale funkční a smysluplné.

  Relevant WCAG criteria

  : 2.3.1 Three Flashes or Below Threshold, 3.2.2.2 Pause, Stop, Hide, 4.2.3.3 Animation from Interactions, 5.2.2.6 Timeouts

• „Přístupné formuláře jsou nudné a dlouhé.“

  Naopak, přístupné formuláře bývají čistší a přívětivější. Jasné popisky, logické seskupení polí a srozumitelné chybové hlášky pomáhají každému. Často jsme viděli, že se díky tomu zvýšila míra dokončení formulářů, protože je jednodušší je vyplnit správně. Relevant WCAG criteria: 3.3.2 Labels or Instructions, 4.3.3.1 Error Identification, 5.3.3.3 Error Suggestion, 6.3.3.4 Error Prevention (Legal, Financial, Data)

Uživatelé si toho všimnou, i když třeba nedokážou přesně říct proč. Stráví na vašem webu více času, úspěšněji dokončí více úkolů a častěji vaše produkty doporučí ostatním.

Možná vás překvapí, že přístupný design často vede k lepším obchodním výsledkům – a to mimo jiné proto, že bývá celkově kvalitnějším designem.

Nástroje a postupy, které to umožňují

Moderní nástroje dnes přístupný design výrazně usnadňují:

• design systémy, které mají přístupnost zabudovanou od začátku,
• generátory barevných palet zohledňující kontrast,
• animační knihovny respektující uživatelská nastavení.

Klientům často doporučujeme podívat se na svůj design právě z pohledu přístupnosti. Ne proto, aby něco mazali, ale aby viděli, co se dá zlepšit. A většinou se ukáže, že design může být jasnější, konzistentnější a působivější.

Stačí změnit otázku z „Jak to udělat přístupné?“ na

„Jak to udělat skvělé pro co nejvíc lidí?“

— a otevřou se nové možnosti místo omezení.

Nový pohled na přístupný design

Ty nejzajímavější návrhy, které dnes vidíme, vznikají v týmech, jež vnímají přístupnost ne jako omezení, ale jako super sílu. Vědí, že rozmanitost vede k inovaci, omezení podporují kreativitu a že inkluzivní design je prostě dobrý design.

Jakmile přestanete brát přístupnost jako brzdu kreativity a začnete ji vnímat jako výzvu k ještě lepším řešením, všechno se změní. Začnete tvořit ne pro ideálního uživatele v ideálních podmínkách, ale pro skutečné lidi v reálných situacích.

A tehdy vznikají opravdu výjimečné věci.

Připravení pozvednout svůj design?

Chcete zjistit, jak přístupnost může rozšířit vaše možnosti místo toho, aby je omezovala? Rádi vám s tím pomůžeme. Vyzkoušejte

Access Lens

, náš beta nástroj pro audit přístupnosti, který vám ukáže, jak udělat vaše návrhy přístupnější, aniž by utrpěla jejich vizuální síla.

Pro designérské týmy, které chtějí vnímat přístupnost jako kreativní výzvu,

nabízíme konzultační služby

, které vám pomohou začlenit inkluzivní designové myšlení do vašeho procesu už od samého začátku.

Budoucnost designu je přístupný design. A když se dělá dobře, přístupný design je prostě lepší design.

Jste připraveni zjistit, jak může přístupnost posunout vaši designérskou práci na vyšší úroveň? Vyzkoušejte Access Lens a objevte příležitosti ke zlepšení, nebo navštivte naši kontaktní stránku a zjistěte, jak může AccessTime pomoci vašemu týmu navrhovat inkluzivně už od samého začátku.