Jak přizpůsobit web pro nevidomé? 6 tipů

Jak přizpůsobit web pro nevidomé? 6 tipů

V České republice žije 85 000 nevidomých, kteří nakupují online
jako každý jiný. Avšak majitelé webů se často mylně domnívají, že oslovení této
skupiny vyžaduje obrovské náklady navíc. Přitom mnohdy jsou zapotřebí pouze
základní úpravy stránky, které ocení nejen zrakově handicapovaní. Proto české
startupy – Twisto, Reservio a Qerko vytvořily seznam s tipy, jak weby upravit pro čtecí
zařízení těchto uživatelů. V rámci výzvy #naslouchamenevidomym firmy průběžně
vytváří různé aktivity s cílem zvyšovat informovanost o problematice nevidomých.
Za pomoci moderních technologií lidé s poruchou zraku běžně surfují po internetu. Pokud
jsou však weby z technického hlediska špatně nastaveny, vznikají pro nevidomé
nepřekonatelné bariéry. Následně e-shopy zbytečně ztrácí potenciální zákazníky. A jaké
základní úpravy (nejen) zrakově handicapovaným pomůžou?

1. Sémantika webu

Logické rozvržení stránky a provázanost jednotlivých sekcí je klíčovým krokem v přístupnosti
webu. „Přehledné zpracování informací ocení i lidé bez zrakového postižení. Navíc mnohdy
to výrazně vylepší pozici v organickém vyhledávání,“ říká Boris Bošiak, CEO společnosti
Reservio. V rámci sémantiky je důležitá struktura textů. Jasným příkladem jsou nadpisy,
které nevidomí považují za důležité vodítko na cestě internetem. „Dokonce navigace ve
čtecích zařízeních závisí na jednotlivých úrovních nadpisů. Členění titulků rozhodně má své
opodstatnění,“ dodává Bošiak.

Tip: Chcete dostávat za každý nákup až 25 % zpět?
Vyzkoušejte Plnou Peněženku a vydělávejte nakupováním.

Bezplatná registrace ZDE

2. Značky v HTML kódu

Při textu hrají důležitou roli i sémantické značky v HTLM kódu. Jejich přítomnost aktivuje
klávesové zkratky, které zrakově handicapovaným výrazně ulehčí pohyb po stránce.
Sémantiku tedy není radno podceňovat. Navíc se opět projevuje na fungování čteček. Když
je určitá část tučně zvýrazněna, jde o signál, že obsah si zaslouží hlasové zdůraznění.

3. Ovladatelnost klávesnicí

Bohužel veškeré nastavení přijde nazmar, pokud se podcení ovládání stránky. Nevidomí
uživatelé neumí určit polohu kurzoru, a proto nikdy nepoužívají myš. Funkce pohybu přes
klávesnici je pro lidi s tímto postižením nutností. Jestliže každá část webu splňuje tento
požadavek, stránka je hned o krok blíž k plné funkčnosti pro nevidomé.

4. Popisky všeho

Ať už jde o vizuál, tlačítko nebo třeba odkaz, každý prvek webu vyžaduje logické vysvětlení formou slov. „Lidem s vadami zraku napomáhají tzv. alternativní popisky, které shrnují údaje o obrázcích. Pozitivně je přijímají algoritmy vyhledávačů, ale také uživatelé, kterým se stránka špatně načítá,“ říká Lukáš Kovač, CEO společnosti Qerko. Vhodné popisky patří i hypertextovým odkazům, protože jedině tak člověk s poruchou zraku zjistí, kam proklik vede. „Texty typu “číst více” nebo “klikněte zde” jsou naprosto neúčinné,“ dodává Kovač.

5. Nepodceňovat barvy

Nevidomí nerozpoznávají barvy, a tak je ani netrápí vzhled stránky. Ovšem to neplatí pro ostatní uživatele. Ideální je využívat kontrastní barvy, které jsou přívětivé pro lidi s různými očními vadami. Při nastavování designu se zároveň hodí myslet na zesílení focusu (šedý obdélník na horní liště), ten zrakově postiženým pomáhá s orientací na webu.

6. Nevidomí testeři

Přístupnost nejlépe otestuje spolupráce s nevidomým člověkem. Jen ten dokáže posoudit, jak si stránka opravdu stojí. „Je velký rozdíl vědět pouze teoreticky, co nevidomí potřebují, a pak je k tomu pustit, aby si mohli všechno vyzkoušet. Díky spolupráci s nevidomým testerem jsme například zjistili, že QR kód na fakturách, který je pro zdravé lidi vysoce funkční prvek, pro nevidomé vůbec nefunguje. Oni totiž nevidí, kde se nachází a nejsou schopni na něj namířit svůj mobilní telefon. Díky němu jsme si uvědomili, jak je důležité si v tomto případě nechat poradit”, říká Michal Šmída, CEO společnosti Twisto.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *