Přístupný web není to jen o kódu, ale o lidech
Znamená pro vás pojem přístupný web automaticky pouze stránky pro nevidomé? Pokud ano, nejste sami. Pravda je ale mnohem širší. Přístupnost se netýká jen zdravotně znevýhodněných, pro které je často otázkou osobní samostatnosti. Zahrnuje i seniory, děti s menší slovní zásobou nebo lidi s ADHD nebo s dyslexii.
Přístupnost navíc oceníte i vy sami v situacích, které potkávají každého z nás:
- Když máte zlomenou ruku a ovládáte web jen jednou rukou.
- Když jedete v hlučné tramvaji a potřebujete u videa titulky.
- Když vám v myši dojde baterie a musíte se spolehnout čistě na klávesnici.
- Když vám na displej telefonu svítí ostré slunce a vy potřebujete dobrý kontrast, abyste něco přečetli.
Hlavním cílem přístupnosti je zkrátka neházet nikomu klacky pod nohy a nevytvářet zbytečné digitální bariéry.
Kde všude se přístupnost řeší? Webem to jen začíná
Digitální přístupnost se zdaleka netýká jen e-shopů a firemních webovek. Měli bychom na ni myslet u všeho, co v digitálním i reálném světě vytváříme:
- Dokumenty a prezentace: Jasná struktura, čitelné písmo a logické členění.
- E-maily: Srozumitelný předmět, krátké odstavce a používání odrážek.
- Sociální sítě: Seznamy u delších textů, používání emotikonů s mírou a vždy vyplněné alternativní popisky u obrázků.
- Tištěné letáky: Dostatečný kontrast, aby text bez problémů přečetl i člověk se slabším zrakem.
Nástroje odhalí jen 30 % chyb říká Michaela Vranková: Její rada, testujte jako lidé
Existuje spousta automatických nástrojů (jako je Wave nebo PageSpeed), ale ty jsou jen pomocníky. Automat sice pozná, zda má obrázek vyplněný alternativní popisek (tzv. alt text), ale už nedokáže vyhodnotit, jestli ten text dává v daném kontextu vůbec smysl.
Zkuste si malý test hned teď: Odložte myš a zkuste svůj web projít jen pomocí klávesnice (pomocí tabulátoru, mezerníku, enteru a šipek). Vidíte u každého prvku jasně zvýrazněný rámeček (fokus), abyste věděli, kde se přesně nacházíte? Pokud ne, uživatelé bez myši jsou u vás ztraceni.
Užitečný tip: Vyzkoušejte rozšíření Silktide do prohlížeče. Umí úžasně nasimulovat, jak váš web vidí člověk s barvoslepostí, dyslexií (poskakující písmena) nebo zhoršeným zrakem. Je to lekce empatie v přímém přenosu.
Praktické desatero: Jak zlepšit web ještě dnes
Nemusíte být špičkoví vývojáři, abyste svůj web výrazně vylepšili. Přístupnost je především o použitelnosti. Těchto 10 bodů zvládne zkontrolovat a upravit téměř každý:
- Dostatečný kontrast barev: Text musí být čitelný. Ideální minimální poměr u běžného písma je 4,5:1. Žlutý text na bílém pozadí je prostě tabu.
- Čitelné písmo: Nastavte základní velikost fontu ideálně na 16 px. Na mobilu raději písmo zvětšujte, než zmenšujte.
- Zarovnání nalevo: Nikdy nezarovnávejte text do bloku (vytváří to nevzhledné mezery, tzv. „bílé řeky“, a hůře se to čte). Vyhněte se i zarovnání na střed u dlouhých odstavců – oko pak špatně hledá začátek nového řádku.
- Logická struktura nadpisů: Stránka by měla mít vždy právě jednu hlavní nadpis (H1). Nadpisy musí následovat logicky po sobě (H1 -> H2 -> H3) a nesmí být prázdné.
- Velká tlačítka pro mobily: Trefit se palcem na malou ikonku je k vzteku. Klikací oblast na dotykových zařízeních by měla mít alespoň 44×44 pixelů.
- Krotit videa a animace: Automaticky přehrávaná videa nebo zbytečně skákající prvky jsou pro lidi s ADHD nebo Aspergerovým syndromem velice vyčerpávající. Vše, co se hýbe, musí jít snadno zastavit.
- Podtrhávejte (jen a pouze) odkazy: Podtržení zkrátka patří odkazům, nikoliv běžnému textu (na jeho zvýraznění použijte tučné písmo). Pomůžete tak lidem, kteří špatně rozlišují barvy nebo mají zapnutý černobílý režim.
- Chytré formuláře: Políčka musí mít jasné popisky nad sebou. A hlavně mějte zapnuté automatické doplňování (auto-complete). Ušetříte uživatelům nervy i zbytečné překlepy.
- Pište srozumitelně: Můžete mít sebelépe technicky přístupný web, ale pokud na něj nahrajete nesrozumitelná a zbytečně dlouhá souvětí, web přístupný nebude. Krátké věty a jasná sdělení ocení úplně všichni.
- Inspirujte se u profíků: Podívejte se na weby velkých hráčů, jako je Rohlík.cz nebo Dr. Max. Prošly náročnými audity a neustále se zlepšují. Například pro nevidomého uživatele je možnost nakoupit si sám jídlo bez asistence obrovským krokem k důstojnému životu.
Každý krok se počítá
Začít můžete hned teď. Ať už upravíte barvu jednoho tlačítka, zvětšíte písmo, nebo přepíšete složité souvětí, otevíráte svůj web dalším lidem. Přístupnost není konečný cíl, ale neustálá cesta k lepšímu internetu pro nás všechny.
Přístupnost je o lidech Přístupný web není určen jen pro nevidomé. Pomáhá seniorům, lidem s poruchami učení i těm, kteří se ocitnou v běžně omezené situaci – třeba bez myši nebo na slunci s mobilem v ruce. Smyslem je odstraňovat digitální bariéry a umožnit pohodlné používání všem. Automatické testy odhalí část chyb, ale skutečnou použitelnost nevyhodnotí. Zkuste si web projít jen klávesnicí nebo se zaměřte na srozumitelnost textu. Přístupnost se nejlépe ověřuje reálným používáním. Lepší kontrast, čitelnější písmo, logická struktura nadpisů nebo větší tlačítka na mobilu. Často stačí drobné změny, které výrazně zlepší orientaci i komfort. Přístupnost není jednorázový úkol, ale postupná cesta k kvalitnějšímu webu.Nástroje jsou jen začátek
Malé úpravy, velký rozdíl
Zdroj článku: Přednáška Michaely Vrakové na téma přístupnost. Doporučuji nejen její přednášku ale také její projekt přístupné stránky. Pro všechny, kteří se o této problematice chtějí dozvědět více.
