Články

Spíte dobře? Připravili jsme pro Vás články, které Vám nedají spát.

Přístupnou navigaci si zamilujete

30. 5. 2005 | Luboš Hradecký

V druhém díle seriálu o přístupnosti se podíváme na výhody přístupné, vhodně navržené navigace, která dokáže Váš web posunout před konkurenci, na vyšší stupínek v žebříčku kvality webu.

Sdílejte článek: del.icio.us RSS
Luboš Hradecký

Luboš Hradecký

Webdeveloper
Precizní kód, pozornost věnovaná každému detailu a podrobná znalost všech zákoutí značkovacích jazyků vytváří kombinaci vlastností, díky kterým jsou stránky vždy naprosto spolehlivé.
Poslední články autora:
Význam navigace

Důležitost navigace je nezpochybnitelná, jelikož bez ní se neobejde žádný web. Právě ona je klíčovým prvkem, který dělá z hromádky samostatným stránek smysluplnou a využitelnou prezentaci. Pokud tedy význam navigace podceníme a nevěnujeme jejímu zpracování dostatečnou pozornost, můžeme se již velmi brzy po dokončení projektu setkat s neblahými následky svého zanedbání.
Techniky, které využíváme k vytvoření přístupné navigace, se v mnoha ohledech slučují s metodami, jenž využíváme pro dosažení vysoké míry použitelnosti a uživatelského komfortu.

Choulostivá místa stránky

V konstrukci WWW stránky se vyskytují druhy navigace, které jsou náchylnější na kvalitu zpracování než ostatní navigační prvky. Mezi tyto druhy řadíme většinu roletových menu či rozbalovacích nabídek. Ty pak často tvoří hlavní navigační základnu většiny velkých prezentací. Víceúrovňové rozbalovací menu je nezbytností, pokud potřebujeme rychle dosáhnout cílové stránky zanořené hlouběji ve struktuře. Toho bychom zároveň měli dosáhnout s co možná nejmenším počtem kliknutí, která by nás mohla zbytečně obtěžovat. Luxus roletových menu je však vykoupen vyššími nároky na jejich bezchybné zpracování.

Všechno jedním tahem

Ačkoliv se stránky, které si prohlížíte na svém PDA, mobilním telefonu nebo v obchodním domě na zákaznickém terminálu (kiosku), mnohdy vizuálně výrazně liší od těch, které můžete běžně vidět na počítači, mělo by se v ideálním případě jednat o tytéž stránky. Jejich adaptace na rozdílná zobrazovací zařízení potom probíhá pouze změnou v kaskádových stylech (CSS). Když se tedy rozhodnete investovat do přístupného řešení navigace, a vyberete si dobrého internetového partnera, nemusíte zbytečně násobit náklady na tvorbu webu pro každé zařízení. Ideální řešení funguje na všech výše zmíněných přístrojích s využitím jednoho jediného zdrojového kódu.

Jaká by měla být přístupná navigace?
  • Měla by být nezávislá na použitém vstupním zařízením a být tak uživatelům přístupná i v případě, mají-li k dispozici např. jenom klávesnici.
  • Nezávislá na výstupním zařízení. Navigace se nesmí zbortit jako domeček z karet, pokud se jí rozhodne využít návštěvník se specifickými požadavky. Ať už se jedná o použití alternativního internetového prohlížeče, nebo více atypického zařízení, jako je hlasová čtečka či braillův řádek (přístroje, které uživatelům s vadami zraku reprodukují obsah WWW stránky).
  • Vizuálně dostatečně odlišená od okolního obsahu. Nejen lidé s různými poruchami soustředění, ale i běžní uživatele Vám budou vděční, jestliže dokáží na první pohled bez potíží určit, kde se na stránce nacházejí prvky navigace.
  • Vstřícná ke všem uživatelům bez ohledu na jejich nároky. Chytré odkazy, pro přeskočení opakujících se prvků obsahu, které zpříjemňují prohlížení stránek, jistě ocení nejeden majitel PDA či mobilního telefonu s webovým prohlížečem.
  • Měla by dodržovat pravidla platná i pro ostatní textový obsah na stránce. (dostatečný kontrast mezi barvou písma a pozadí, zvětšitelné fotny atd.).
Kontrolní test

Na závěr jsem si pro Vás jako bonus připravil malý kontrolní test, pomocí něhož si budete moci sami ověřit, nakolik je navigace na Vašem webu přístupná a využitelná pro jeho návštěvníky.

A. Čtou se Vám Vaše stránky dobře?
Pracujete v pěkné slunné kanceláři? Pak tedy roztáhněte závěsy a natočte monitor naproti zářícímu oknu. Usedněte za stůl a do prohlížeče zadejte adresu Vašeho webu. Stránky se načítají a Vy se v odlescích na monitoru snažíte rozeznat jednotlivé bloky struktury.

  1. Přečtete bez větších problémů odkazy v navigaci? Pokud nosíte brýle, sundejte si je.
  2. Zdají se Vám písmenka malá? Zkuste si pomocí prohlížeče zvětšit velikost písma. Pokud si stránka udržela svou stavbu i se zvětšeným fontem a máte plný přístup k navigaci, můžete být na Váš web hrdí. Ovšem pokud jste neprošli touto nebo předchozí zkouškou, vězte, že Vaše stránky porušují jedno ze základních pravidel přístupnosti. Ať už texty nevyhovují pravidlu o dostatečném kontrastu mezi barvou písma a barvou pozadí (viz test se sluncem), či nelze písmo bez navození komplikací zvětšit, měli byste zvážit míru přístupnosti obsahu Vašich stránek. Jelikož je obsah tím, co prodává, rozhodně tuto skutečnost nepodceňujte!

B. Ovládání webu pouze pomocí klávesnice
Když jste přesouvali stůl od okna na jeho původní místo, nešťastnou náhodnou jste shodili svou počítačovou myš na zem. Ta se nárazem poškodila a tak zůstáváte odkázáni pouze na Vaši klávesnici.

  1. Kolikátým stisknutím tabulátoru se dostanete z adresní řádky na hlavní menu? Je to méně než na třetí stisk? Pokud ne, pak byste měli zvážit přepracování kódu stránek. Uživatel bez myši (se zraněnou rukou, s postižením, s rozbitou myší apod.) by jistě byl po chvíli brouzdání Vaším webem unavený z nutnosti dostat se přes velké množství odkazů, než by se pokaždé dostal pomocí menu na další stránku.
  2. Ještě Vás nebolí prsty? Žádný strach, bude to horší. Jestliže Váš web využívá rozbalovací menu, zkuste vybrat pomocí tabulátoru nebo kurzorových kláves (tj. bez použití myši) některou z podpoložek a aktivujte ji. Že se vám to nedaří? Ani se nedivím. Jen velmi málo stránek je v tomto směru dostatečně přístupných.
  3. Pokud jste v koncích, nezoufejte, je tu pro Vás jistě záchrana v podobě mapy webu. Co říkáte? Že jste na ni při navrhování navigace a struktury webu nepamatovali? To bude mrzet nejen Vaše návštěvníky, ale také vyhledávací roboty (Google, Seznam aj.), kteří pomocí mapy stránek Váš web snáze projedou a zařadí do své databáze.

C. PDA a jiné moderní způsoby přístupu na web
A už jdeme do finále. Odložte klávesnici a vezměte do rukou své PDA či mobilní telefon s integrovaným prohlížečem WWW stránek (pokud je máte k dispozici). Opět si zobrazte Vaše stránky a proklikněte se skrz první odkaz z hlavního obsahu stránky. Musíte předtím odscrolovat několik obrazovek, které zbytečně zabírá navigace? A jak Vás to teprve bude zlobit na třetí čtvrté stránce. Nezbývá, než se zamyslet nad nedostatky svého webu, rozbít prasátko a kontaktovat vhodného dodavatele internetových řešení. Rekonstrukce kódu podle všech pravidel použitelnosti, přístupnosti či optimalizace pro vyhledávače není jednoduchou záležitostí. Bez ní, nebo při volbě špatného partnera, však není možné doufat v úspěch Vašeho webu.

Sdílejte článek: del.icio.us RSS
Vaše názory