Úvodní stránka Internet Webové aplikace a přístupnost

Webové aplikace a přístupnost

Pod pojmem přístupnost jsem si vždy představoval přístupy na webové stránky (počet návštěvníků). Naštěstí na konferenci WUD - World Usability Day http://www.worldusabilityday.org/, která proběhla 14. listopadu 2006 jsem byl seznámen s pravím významem slova přístupnost.

Přístupnost je orientovaná na lidi, kteří mají nějaký handicap (zrakový, sluchový, pohybový). Většinou tito uživatelé používají úplně jiné webové prohlížeče než mi. Žádný Firefox, Opera nebo Internet Explorer. Postižení používají nejčastěji textové prohlížeče, které nepodporují styly, nepodporují obrázky.Čistý text který je zobrazován v textovém prohlížeči většinou používá nějaký čtecí program, který obsah stránek čte.

Tento článek je zaměřen na to jak by měli být stránky alespoň částečně optimalizované pro postižené – jak má vypadat struktura webové stránky (hlavně ve zdrojovém kódu). Ještě upřesním, že tento článek nevychází z žádných pravidel, nikde jsem nic nestudoval. Vychází z mých osobních zkušeností a názorů a nebráním se jakýmkoli námitkách a připomínkám.

Struktura zdrojového kódu webové stránky

Nadpis zní šíleně, ale věřte, že kdo se vyzná ve značkovacím jazyku HTML (resp. XHTML) a ve stylech CSS nebude mít problém vytvořit přístupné webové stránky. Myslím si, že pojmy jako HTML, XHMTL, CSS zde není potřeba rozebírat.

Struktura:

1. Logo – při vypnutých CSS jen název + odkaz na úvodní stanu.
2. Odkaz [ ↓ k menu ↓ ] – tento odkaz odkazuje na menu, které se nachází níže. Je viditelný jen při vypnutých stylech.
3. Nadpis H1, H2, H3
4. Samotný text – stránky by neměli být dlouhé, maximální výšku doporučuji 2x až 3x výšku rozlišení monitoru. Pokud se na stránce bude nacházet více článků je lepší je zkrátit a celý obsah vypisovat až po rozkliknutí detailu článku.
5. Odkaz [ ↑ k hlavnímu obsahu ↑ ] – návrat na krok 3 (Nadpis H1, H2, H3). Viditelný při vypnutých stylech.
6. Menu
7. Patička stránky (obsah: úvodní stránka, mapa stránek, tisk stránky)
8. Autor

Tímto bych dnešní část ukončil a příště se zkusím struktury vysvětlit na konkrétních příkladech a popsat nedostatky spřátelených stránek tohoto webu. Pozor: tyto stránky se v testu umístily velice nízko, ale o tom až příště.