Home arrow Webdesign arrow Přístupné stránky

Pravidla pro tvorbu přístupných www stránek

Tisk E-mail

holky_ve_dvou.jpgVšichni uživatelé internetu nejsou stejní. Existují specifické skupiny uživatelů, které mají i specifické potřeby. V praxi to jsou většinou zrakově a sluchově postižení, případně uživatelé se sníženou hybností rukou nebo poruchami soustředění. Tito uživatelé využívají pomocné technologie, například hlasové výstupy a braillské řádky, které informace z WWW stránek zprostředkovávají. Aby tyto pomůcky fungovaly, je třeba, aby webová stránka splňovala kritéria přístupného webu. Správně přístupný web navíc neslouží pouze zdravotně postiženým, ale i lidem využívajícím méně obvyklá zobrazovací zařízení, operační systémy nebo softwarové vybavení.

U stránek pro širokou veřejnost není možné, aby byl kdokoli v přístupu k informacím diskriminován. Respekt k pravidlům přístupného webu navíc nepředstavuje žádné dodatečné finanční náklady. Stačí znát základní pravidla pro tvorbu WWW stránek a řídit se jimi.

Přístupnost webu

  • Přístupné stránky respektují uživatele. Respektují jeho technické vybavení, zdravotní dispozice, znalosti, zkušenosti a vzdělání. Nijak neomezují uživatele méně běžných internetových prohlížečů, nevidomé, tělesně postižené, barvoslepé, dyslektiky či cizince se špatnou znalostí jazyka.
  • Nepřístupné stránky brání některým skupinám uživatelů v přístupu k obsahu. Čtecí zařízení nevidomého je netlumočí správně, barvoslepý na nich přehlédne důležité sdělení, paraplegik nedokáže ovládat jejich navigaci, v méně obvyklém prohlížeči není vidět obsah.
  • 7 % mužů je barvoslepých a nepřečte text na nevhodně barevném pozadí.
  • Každý pátý mladý člověk trpí dyslexií či poruchou soustředění a četba špatně uspořádaného textu či příliš malého písma ho značně unavuje.
  • 20 % uživatelů pracuje s méně obvyklými prohlížeči
  • Celkem se k obsahu chybně vytvořených stránek nemusí dostat přes 30 % uživatelů

Pravidla pro tvorbu přístupného webu

Obsah webových stránek je dostupný a čitelný

  • Každý netextový prvek nesoucí významové sdělení má svou textovou alternativu.
  • Informace sdělované prostřednictvím skriptů, objektů, appletů, kaskádových stylů, obrázků a jiných doplňků na straně uživatele jsou dostupné i bez kteréhokoli z těchto doplňků.
  • Informace sdělované barvou jsou dostupné i bez barevného rozlišení.
  • Barvy popředí a pozadí jsou dostatečně kontrastní. Na pozadí není vzorek, který snižuje čitelnost.
  • Předpisy určující velikost písma nepoužívají absolutní jednotky.
  • Předpisy určující typ písma obsahují obecnou rodinu písem.

Práci s webovou stránkou řídí uživatel

  • Obsah WWW stránky se mění, jen když uživatel aktivuje nějaký prvek.
  • Webová stránka bez přímého příkazu uživatele nemanipuluje uživatelským prostředím.
  • Nová okna se otevírají jen v odůvodněných případech a uživatel je na to předem upozorněn.
  • Na webové stránce nic nebliká rychleji než jednou za sekundu.
  • Webová stránka nebrání uživateli posouvat obsahem rámů.
  • Obsah ani kód webové stránky nepředpokládá ani nevyžaduje konkrétní způsob použití ani konkrétní výstupní či ovládací zařízení.

Informace jsou srozumitelné a přehledné

  • Webové stránky sdělují informace jednoduchým jazykem a srozumitelnou formou.
  • Úvodní webová stránka jasně popisuje smysl a účel webu. Název webu či jeho provozovatele je zřetelný.
  • Webová stránka i jednotlivé prvky textového obsahu uvádějí své hlavní sdělení na svém začátku.
  • Rozsáhlé obsahové bloky jsou rozděleny do menších, výstižně nadepsaných celků.
  • Informace zveřejňované na základě zákona jsou dostupné jako textový obsah webové stránky.
  • na samostatné webové stránce je uveden kontakt na technického správce a prohlášení jasně vymezující míru přístupnosti webu a jeho částí. Na tuto webovou stránku odkazuje každá stránka webu.

Ovládání webu je jasné a pochopitelné

  • Každá webová stránka má smysluplný název, vystihující její obsah.
  • Navigační a obsahové informace jsou na webové stránce zřetelně odděleny.
  • Navigace je srozumitelná a je konzistentní na všech webových stránkách.
  • Každá webová stránka (kromě úvodní webové stránky) obsahuje odkaz na vyšší úroveň v hierarchii webu a odkaz na úvodní WWW stránku.
  • Všechny webové stránky rozsáhlejšího webu obsahují odkaz na přehlednou mapu webu.
  • Obsah ani kód webové stránky nepředpokládá, že uživatel již navštívil jinou stránku.
  • Každý formulářový prvek má přiřazen výstižný nadpis.
  • Každý rám má vhodné jméno či popis vyjadřující jeho smysl a funkčnost.

Odkazy jsou zřetelné a návodné

  • Označení každého odkazu výstižně popisuje jeho cíl i bez okolního kontextu.
  • Stejně označené odkazy mají stejný cíl.
  • Odkazy jsou odlišeny od ostatního textu, a to nikoli pouze barvou.
  • Obrázková mapa na straně serveru je použita jen v případě, že nebylo možné pomocí dostupného geometrického tvaru definovat oblasti v obrázkové mapě. V ostatních případech je použita obrázková mapa na straně uživatele. Obrázková mapa na straně serveru je vždy doprovázena alternativními textovými odkazy.
  • Uživatel je předem jasně upozorněn, když odkaz vede na obsah jiného typu, než je webová stránka. Takový odkaz je doplněn sdělením o typu a velikosti cílového souboru.

Kód je technicky způsobilý a strukturovaný

  • Kód webových stránek odpovídá nějaké zveřejněné finální specifikaci jazyka HTML či XHTML. Neobsahuje syntaktické chyby, které je správce webových stránek schopen odstranit.
  • V metaznačkách je uvedena použitá znaková sada dokumentu.
  • Prvky tvořící nadpisy a seznamy jsou korektně vyznačeny ve zdrojovém kódu. Prvky, které netvoří nadpisy či seznamy, naopak ve zdrojovém kódu takto vyznačeny nejsou.
  • Pro popis vzhledu webové stránky jsou upřednostněny stylové předpisy.
  • Je-li tabulka použita pro rozvržení obsahu webové stránky, neobsahuje záhlaví řádků ani sloupců. Všechny tabulky zobrazující tabulková data naopak záhlaví řádků a/nebo sloupců obsahují.
  • Všechny tabulky dávají smysl čtené po řádcích zleva doprava.