Co brání přístupnosti
Pokud už víte co je to přístupnost webových stránek a chápete její význam pro úspěšnost webového projektu, vyvstává u vás patrně otázka co činí web nepřístupným. Pokusím se zde ve stručnosti odhalit alespoň ty nejzávažnější překážky.
Nedodržování webových standardů
Jedním ze zásadních nedostatků, díky kterému je řada webů nepřístupných je nerespektování a nedodržování moderních webových standardů. Doporuční a standardy vydávané mezinárodním konzorciem W3C vás ve velké míře (tedy od HTML 4 Strict a CSS 2 výše) k tvorbě přístupného webu přímo vedou.
Tabulkový layout
Velikou bolestí mnoha současných webů je používání tabulek pro formátování jejich vzhledu. Pokud se však k takovému webu dostanou uživatelé odkázaní na screenreadery, malé obrazovky PDA nebo organizérů, veškerý obsah se rozpadne na nesmyslné bloky, nebo se posune mimo zobrazitelnou oblast. To je však jen jedena z nevýhod. Další je např. téměř nulová sémantika, pomalé vykreslování (To je problém některých prohlížečů, které stránku vyrenderují až po tom, co je načten její kompletní obsah, včetně všech obrázků.)
Tabulky byly do HTML přidány jako prostředek ke strukturování tzv. tabulkových dat a ne pro tvorbu vzhledu celých stránek. Používání tabulek pro vzhled zavedlo HTML do slepé uličky z níž ukázala cestu až první specifikace XHTML. Na webových stránkách by měli tabulky plnit stejnou funkci jako v běžném životě, např. prezentace ceníků, statistik nebo shrnutí.
Rámy neboli frames
Rámy standardizovala v roce 1996 norma HTML 3.2. Již po několika měsících rozdělila tvůrce stránek na dva tábory. Jedni rámy zatracovali, jiní opěvovali. Dnes je jasné, že by se vzhledem k poměru výhod a nevýhod již neměli používat.
Mezi hlaví nevýhody používání technologie rámů patří např. nemožnost odkazovat se zvenčí na stránky uvnitř webu tvořeného rámy, nemožnost přidat tyto stránky do oblíbených, možnost zmatení uživatele, špatná přístupnost pro handicapované uživatele a vyhledávače, apod.
Pro tabulky i rámy platí ve formátování moderních webových stránek, které oddělují vzhled od struktury dokumentu, jednoznačné NE!
Chybějící alternativní texty a popisy
Další chybou, která se projeví v přístupnosti webu je opomíjení alternativních textů (alt="alternativní_popis_obrázku") u obrázků. Nějtragičtěji se tato chyba projeví, když je pomocí obrázků tvořena např. navigace webu. Pak se člověk, který z jakéhokoliv důvodu obrázky nevidí, nedostane nikam.
V XHTML by se měly vyskytovat jen obrázky, u nichž má alt smysl, ostatní patří do CSS. To jsou ideály StrictHTML/CSS (při jejichž používání vznikne bezbariérový web jaksi mimochodem).
Pokud se obrázkům, které tvoří jen grafický vzhled na svém webu nevyhnete, používejte alt tak, aby to bylo dostatečně srozumitelné. I pro ty co obrázky a žádnou gafiku nevidí.
Např:
<img="cerveny_puntik.gif" alt="*" /> - správně
<img="cerveny_puntik.gif" alt="červený puntík" /> - špatně
(platí pouze pokud je obrázek použit jen pro grafiku a neobsahuje žádnou důležitou informaci)
Nesrozumitelná navigace
Navigace je jedním z nejdůležitějších prvků stránky. Měla by být jednoduchá, srozumitelná a pokud možno i krátká. Měla by dávat najevo logickou strukturu vašeho webu, a proto byste s její podobou měli počítat již od prvních návrhů stránky. Pamatujte na to, že navigace, která je vytvořena jinak než čistým HTML nemusí být pro každého přístupná (např. Flash, JavaScript, apod.).
Barevné informace
Jak už jsem uvedl u obrázků, i zde platí, že ne každý vidí barvy Vašeho webu. Mohou pro to být nejrůznější důvody (starý monitor, barvoslepost, apod.). Pro člověka, který je takto omezen, je informace typu: „Vyplňte jen pole označená červeným textem.“, naprosto nepoužitelná.
Flash, JavaScript, Java-applety a další
Nezapomínejte také, že těmi nejomezenějšími uživateli a největšími HTML puritány jsou vyhledávače. Pokud jim do cesty postavíte JavaScriptovou nebo Flashovou navigaci zcela určitě se přes ni nedostanou. Stejně tak jako zcela určitě nezaindexují text obsažený ve Flashi.
Tyto technologie jsou určitě zajímavým doplňkem webových stránek, ale kvalitní stránky by měly být postaveny tak, aby korektně fungovali i bez nich.
Ověření přístupnosti
Pokud si chcete ověřit přístupnost vašich stránek, měli byste zvolit jak automatickou, tak i ruční validaci. Automatičtí roboti pracující s kódem stránky a upozorní vás na chyby v kódu (například chybějící atributy alt u obrázků), ale již vás nemohou upozornit na logické chyby (například špatně zvolené texty v atributech alt u obrázků nebo nepřehledná navigace).
Doporučené validátory
- Bobby — robot, který kontroluje stránky z hlediska přistupnosti.
- W3C (X)HTML Validator — validátor, který slouží ke kontrole správné syntaxe (X)HTML dokumentů.
- W3C CSS Validator — tento validátor kontroluje správnost CSS dokumentů.
Marek Rolný, 06.04.2004 Autor se zabývá webdesignem a poradenstvím v oblasti internetového marketingu. Vede internetovou agenturu Web71.
 |
|