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ů.
  • 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.

К основным элементам доступности относятся следующие пункты:

  • 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.

Текст-заполнитель не требуется для изображений, которые служат украшением и не несут никакой информационной ценности (например, фон страницы).

  • 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.

  • 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í.

  • 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.