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.
miniatura ukázky webu bez obrázků
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.
miniatura ukázky webu s vypnutými styly
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.
miniatura ukázky webu se zvětšeným písmem v Internet Exploreru
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ě.

OTESTUJTE PŘÍSTUPNOST SVÉHO WEBU

 například http://www.pestujemeweb.cz/

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.

 

Rovnou k použití

Novinky na webu

Chronologický přehled novinek na tomto webu

Důležité a užitečné

Vstup do diskusního fóra

Diskusní fórum

Mapa webu

Prohlédněte si strukturu webu pro snažší orientaci.

Stažení tohoto webu

Stáhnout celý web (V budoucnu)

Vytvoření webu od A do Z

Nemáte čas nebo nechcete studovat?
Přečtěte si návod, jak vytvořit web od A do Z, aneb snadno a rychle… (V budoucnu)

Ódy na tento web

Zapějte taky nějakou…

Podpora webu

Jak můžete podpořit tento web

Aktualizace webu

Poslední aktualizace webu proběhla
24. 3. 2010.

 

 TOPlist