98
CSS A XHTML
Webová stránka (s kontaktem na technického správce a s prohlášením o přístupnosti) je odkazována z každé WWW stránky webu. Podle mého názoru je nejdůležitější kontakt na autora stránek. Na internetu koluje názor, že web, ve kterém není uveden tvůrce stránek a kontakt na něj, je pokládán za podvod, a že nabízí nepodložené a nepravdivé informace.
11.4 Ovládání webu je jasné a pochopitelné Zde se dozvíme něco o smysluplnosti názvu, oddělenosti navigačních a obsahových informací, a také o konzistenci webových stránek.
11.4.1 Pravidlo devatenácté: každá webová stránka má smysluplný název, vystihující její obsah Název WWW stránky, umístěný ve značce <title> v sekci <head>, je jedním z nejdůležitějších prvků pro správnou orientaci na webových stránkách. Název WWW stránky je jakési návěští, které stránku charakterizuje ještě předtím, než se uživateli prezentuje samotný obsah. V názvu WWW stránky musí být vždy uveden jak název celého webu, tak název konkrétní WWW stránky. Název musí jednoznačně a srozumitelně popisovat obsah, smysl nebo funkcionalitu dané WWW stránky. Správný nadpis WWW stránky, obsahující kontaktní údaje, vypadá například takto: <title> Webdesign od pjotra: základní kontaktní údaje </title>
11.4.2 Pravidlo dvacáté: navigační a obsahové informace jsou na webové stránce zřetelně odděleny Uživatel musí vždy jasně rozpoznat, které informace slouží k navigaci mezi jednotlivými WWW stránkami webu, a které informace patří k samotnému obsahu dané WWW stránky. Proto jsou tyto dva druhy informací vždy jednoznačně odděleny, nemíchají se mezi sebou. Navigační informace (tj. odkazy na další WWW stránky) nejsou primárně součástí bloku textového obsahu WWW stránky, jsou umístěny zvlášť, v samostatném, odděleném bloku. Vhodné je i přiřazení nadpisu (značky <h1> až <h6>).
11.4.3 Pravidlo dvacáté první: navigace je srozumitelná a je konzistentní na všech webových stránkách Navigace je základním prvkem každého webu. Díky navigačním odkazům se uživatel pohybuje mezi jednotlivými WWW stránkami, postupuje stromovou strukturou dolů, nahoru či do stran. Aby byla navigace pro uživatele dobře použitelná, je vytvořena jednoduchým a intuitivním způsobem, jednotlivé navigační odkazy nejsou příliš dlouhé, jsou srozumitelné a dobře vyjadřují, kam vedou.
11. Tvorba přístupné webové stránky ...
Ukázka elektronické knihy, UID: KOS180660
CSS A XHTML
99
Navigační odkazy jsou sdruženy do samostatných bloků a nemíchají se s vlastním obsahem WWW stránky. Jsou umístěny na stabilním místě každé WWW stránky, aby je uživatel nemusel složitě hledat, aby se mohl spolehnout, že celý web je ovládatelný konzistentním způsobem. Pokud je potom na WWW stránce navigačních informací více (např. dva druhy navigací na dvou různých místech), musí mít toto rozdělení jasný význam a opodstatnění.
11.4.4 Pravidlo dvacáté druhé: každá webová stránka (kromě úvodní) obsahuje odkaz na vyšší úroveň v hierarchii webu a odkaz na úvodní WWW stránku Webové stránky jsou většinou tvořeny v tzv. stromové struktuře. Pak každá WWW stránka patří ve struktuře na přesně dané místo. Některé jsou položeny hierarchicky výše, některé níže. Pro uživatele je důležité, aby mohl pohodlně, pomocí navigačních odkazů, procházet strukturou nahoru, dolů a do stran. Protože tvůrce WWW stránek neví, kterou z WWW stránek na webu navštíví uživatel jako první (tj. přijde už na konkrétní stránku, např. z vyhledávače nebo z odkazu na jiných WWW stránkách), musí uživateli umožnit rychle se zorientovat a bez problémů se přesunout na titulní stránku, která leží hierarchicky výše. Přítomnost odkazu na titulní WWW stránku a na vyšší úroveň v hierarchii je neméně důležitá i v rámci WWW stránky, která se obvykle zobrazuje v rámu. Uživatel opět může přijít, například z vyhledávače, na obsah konkrétního rámu, i bez toho, aby byly ostatní rámy, ve kterých je například umístěna navigace, vůbec vidět.
Mapa webu, nebo i strukturovaný seznam odkazů na všechny WWW stránky webu, je výborným pomocníkem pro orientaci v rámci složitého, rozsáhlého webu. Uživatel, který potřebuje konkrétní informaci, pro kterého by bylo jinak obtížné procházet složitou strukturou webu, navštíví jednoduše mapu webu, kde si relevantní stránku najde, a pak přejde přímo na ni. Mapa webu je proto důležitým prvkem rozsáhlého webu. Odkaz na mapu webu je navíc k dispozici na stejném místě každé WWW stránky, aby ji uživatel mohl použít, ať už se aktuálně pohybuje kdekoliv na webu. Tento odkaz je umístěn například v rámci navigace webu, nebo jako doplňující odkaz v patičce WWW stránek.
Tvorba přístupné webové stránky
11.4.5 Pravidlo dvacáté třetí: všechny webové stránky, rozsáhlejšího charakteru, obsahují odkaz na přehlednou mapu webu
Mapa stránek je také důležitým prvkem pro vyhledávače, například pro Google. Když vkládáme do Google odkaz na náš web, je dobré umístit do něj i odkaz na mapu webu. Tak bude vyhledávač procházet celým webem rychleji a pohodlněji, a tím ušetří čas. Není potřeba procházet web celý, stačí projít jen mapu webu a každý nový odkaz je hned indexován.
11.4.6 Pravidlo dvacáté čtvrté: obsah (a kód) webové stránky nepředpokládá, že uživatel už navštívil jinou stránku Tvůrce WWW stránek nemůže vědět, kterou WWW stránku navštíví uživatel jako první. Uživatel může přijít na WWW stránku například z vyhledávače, nebo z odkazu, umístěného na jiném webu. Každá webová stránka tedy funguje úplně standardně a nezávisle na tom, jestli uživatel již navštívil jinou WWW stránku webu.
11.4 Ovládání webu je jasné a pochopitelné
Ukázka elektronické knihy, UID: KOS180660
100
CSS A XHTML
Obsah konkrétní WWW stránky proto nezávisí na předcházejícím zobrazení jiné WWW stránky. Proto se tam nevyskytují věty: „jak jste viděli na předcházející stránce“, „vyplňte číslo, které jste si přečetli na titulní stránce“ apod.
11.4.7 Pravidlo dvacáté páté: každý formulářový prvek má přiřazen výstižný nadpis U každého formulářového prvku (tj. <textarea>, <input type="text">, <input type="radio">, <input type="checkbox"> a <select>) si musí být tvůrce WWW stránky jist, že uživatel bez problémů pozná, co má do daného prvku vyplnit nebo co má zvolit. Proto má každý prvek uveden svůj nadpis, ve kterém je jednoznačně uvedeno, jak s ním zacházet. V některých výstupních zařízeních je však vazba mezi formulářovým prvkem a jeho nadpisem obtížně rozpoznatelná, a proto jsou všechny nadpisy ke svým formulářovým prvkům jednoznačně přiřazeny pomocí značky <label> a vazbových atributů for a id. V takovém případě i hlasová čtečka jednoznačně pozná (a správně interpretuje) nadpis každého prvku. Správný zápis potom vypadá například takto: <label for="jmeno">Jmeno</label><br /> <input type="text" id="jmeno" name="pjmeno" /> Zkusíme si například klepnout na text „jmeno“. Uvidíme, že kurzor skočí do políčka pro vyplnění jména.
11.4.8 Pravidlo dvacáté šesté: každý rám má vhodné jméno nebo popis, vyjadřující jeho smysl a funkčnost Některá zobrazovací či hlasová zařízení neumí s rámy (tj. s prvkem <frame>) pracovat a prezentují je jednotlivě. Proto je nutno, aby uživatel věděl, co je obsahem každého rámu ještě předtím, než je mu prezentován jeho obsah. Všechny rámy jsou pojmenovány tak, aby jejich název vystihoval smysl a funkčnost daného rámu. Název musí být pochopitelně jednoslovný, potom je uveden v prvku <frame> (v atributu name). Pokud jednoslovný název prvku nedokáže dostatečně vyjádřit jeho smysl a funkčnost, potom je v rámci prvku <frame>, přítomen ještě atribut title, ve kterém je uvedena informace, doplňující obsah atributu name. Ale dnešní moderní web už není postaven na rámech. Rámy (<frame>) jsou již zastaralé. Web se stále vyvíjí. Dnes se k těmto účelům používají skripty PHP, které zabezpečí stejné chování. Proto tuto značku již nedoporučuji používat.
11.5 Odkazy jsou zřetelné a jednoznačné V této kapitole se soustředíme na odkazy, jejich zřetelnost, jednoznačnost, smysl a funkčnost.
11.5.1 Pravidlo dvacáté sedmé: označení každého odkazu výstižně popisuje jeho cíl (i bez okolního kontextu) Z označení každého odkazu musí být zcela jasné, kam odkaz směřuje, a to nezávisle na tom, jaká je dosavadní uživatelova zkušenost s daným webem, nebo jaký je obsah okolní-
11. Tvorba přístupné webové stránky ...
Ukázka elektronické knihy, UID: KOS180660