Různé > Přístupnost a použitelnost
Přístupnost a použitelnost
Přístupný a použitelný web je ukázka práce dobrého webdesignera. Naopak nepřístupný a málo použitelný web je ukázkou práce špatné a odfláknuté.
Přístupnost a použitelnost spolu souvisejí a nejsou od sebe striktně odděleny.
POUŽITELNOST
Řekneme si několik vlastností použitelného webu:
- Pokud na web přijdu, vím, kde jsem, vím, o čem web je.
- Navigace na webu (menu) je zřetelná a je umístěna na lehce povšimnutelném místě. Rozhodně bych neměl na stránce rolovat, abych se k menu dostal (ani na menších monitorech).
- Písmo je dostatečně velké (číst blechy opravdu není nikdo zvědavý) a zřetelné, řádkování (CSS vlastnost line-height) má dostatečnou hodnotu, aby se text dobře četl.
- Řádky textu nejsou příliš dlouhé. Pokud je řádek příliš dlouhý, přechod na řádek následující je pak nepříjemný.
- Obsah stránek je (pokud možno) strukturován pomocí nadpisů, text je strukturován do odstavců. Podívejte se například na kapitolu Co je HTML.
- Podtrháváme pouze text, který je odkazem. Je prostě zvykem, že to, co je podtržené, je odkaz.
Naopak odkazy by měly být podtrženy vždy. Pokud tomu tak není, uživatel/ka je donucena přemýšlet, zda se o odkaz jedná, či nejedná a to ho/ji nebaví; proto raději odchází.
- Grafická podoba webu působí příjemně.
- Stránky jsou vystříhány nevhodných věcí.
PŘÍSTUPNOST
Přístupný web je takový, který uživatelům klade minimální překážky a pamatuje na hendikepované uživatele (zrakově, sluchově, pohybově, s poruchami soustředění).
Při tvorbě webu bychom měli pamatovat i na uživatele/uživatelky s jiným softwarovým (webový prohlížeč) a hardwarovým (např. PDA) vybavením, než máme my.
Mezi základní prvky přístupnosti patří následující body:
- Web je použitelný i bez obrázků
- I s vypnutými obrázky není web ochuzen o žádnou informaci. Obrázky tedy mají textovou náhradu
(například pomocí atributu alt, případně pod obrázky vloženými pomocí CSS je zástupný text – viz příklad Text překrytý obrázkem a Text jako odkaz překrytý obrázkem).
Je třeba si totiž uvědomit, že někteří uživatelé mají obrázky vypnuty (například rychlejší načítání stránek v mobilním telefonu) a hendikepovaným uživatelům/uživatelkám
předčítá obsah stránek hlasová čtečka. Bez alternativního textu by se tedy vůbec nedozvěděli/y, co na obrázku je.
Obrázky, které slouží jako dekorace a nenesou žádnou informační hodnotu (například pozadí stránek) není zástupný text potřeba.

Ukázka tohoto webu bez obrázků (klikněte pro zvětšení)
- Web je použitelný i bez stylů
- Pokud si uživatel/ka vypne styly, neměl/a by být ochuzen/a o žádnou informaci a obsah by měl mít logickou strukturu.
Důvodů pro vypnutí stylů je také několik, třeba jsme zrovna u zastaralého prohlížeče, který stránku se zapnutými styly rozhodí.
Logická struktura obsahu (kódu) je pak opět velmi důležitá pro zrakově postižené, kterým obsah stránek předčítá hlasová čtečka.

Ukázka tohoto webu s vypnutými kaskádovými styly (klikněte pro zvětšení)
- Písmo se dá zvětšovat i v Internet Exploreru
- Písmo je tedy definované pomocí relativních jednotek. I při nastavení maximální velikosti písma v IE se vzhled webu příliš nerozhodí.
Podívejte se jak na Velikost písma na webu.

Ukázka tohoto webu s maximálně zvětšeným písmem v Internet Exploreru (klikněte pro zvětšení)
- Web je funkční i s vypnutým JavaScriptem a Flashem
- Pokud je Váš web tvořen pomocí i za pomoci těchto technologií, měl by být použitelný i v případě, pokud si podporu JavaScriptu a Flashe uživatel/ka v prohlížeči vypne.
Například by nemělo zmizet menu. Flashová stránka má i svoji HTML alternativu.
Pravidla přístupnosti
- Pravidla tvorby přístupného webu
- Pravidla vytvořená Davidem Špinarem a Radkem Pavlíčkem.
- Zásady projektu Blind Friendly Web
- Zásady přístupnosti pro zrakově postižené uživatele
- WCAG 1.0 (Web Content Accessibility Guidelines 1.0)
- Obsahují 14 základních pravidel a jedná se o celosvětově nejznámější pravidla tvorby přístupného webu. Protože jsou však některé body sporné, pracuje se na WCAG 2.0.
- SECTION 508
- Pravidla, která vznikla jako předpis zákona pro federální orgány USA, který ukládal povinnost poskytovat přístupné informace.
Validátory přístupnosti
Jedná se o nástroje, které nám pomohou rychle zjistit, zda je náš web přístupný a odhalí nám případné nedostatky.
Zmíníme si validátor s názvem Cynthia Says, který si můžete přímo zde vyzkoušet. Výsledky jsou v angličtině.
Položka Napodob tento prohlížeč slouží k tomu, aby validátor napodobil námi vybraný prohlížeč. Hodí se to v případě, když máme na stránkách dynamický obsah a různým prohlížečům strkáme různý obsah.
Avšak vzhledem k uvedeným (postarším verzím) prohlížečů to nemá velkého významu.
JAK NA PŘÍSTUPNOST
Na totmto místě se budou objevovat odkazy na další články o přístupnosti.