Přístupný web

doporučení

Best practice

Pravidla pro tvorbu přístupného webu


Dokument obsahuje doporučení pro tvorbu WWW stránek ve veřejné správě a stanoví podmínky pro zveřejňování informací dálkovým přístupem ve shodě s takzvanými pravidly WAI (Web Accessibility Initiative, Iniciativa pro bezbariérový přístup). Pravidla mají doporučující charakter, mají být vodítkem pro zadavatele webových stránek a inspirací pro jejich správce.

Vš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í.

V prostředí veřejné správy 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.

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

  1. Každý netextový prvek nesoucí významové sdělení má svou textovou alternativu. (Navíc se přispěje k lepší vyhledatelnosti obrázků a dalších prvků, zde je například problémem Flash obsahující větší množství obsahu, nemluvě o jeho strukturovanosti. Javascriptové kódy jsou na tom o něco lépe, ale ta nejjednodušší  strukturovanost - pořadí - už může být problémem. O dalších objektech škoda mluvit..)
  2. 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ů. Jinými slovy musíte vystačit pouze s textem a obrázky, které jsou nezastupitelné.
  3. Informace sdělované barvou jsou dostupné i bez barevného rozlišení. Většina zobrazovacích zařízení nedokáže korektně zobrazit všechny barvy a na druhé straně člověk nedovede všechny barvy vnímat.
  4. Barvy popředí a pozadí jsou dostatečně kontrastní. Na pozadí není vzorek, který snižuje čitelnost. Člověk dokáže vnímat o mnoho míň než je 256 stupňů šedi.
  5. Předpisy určující velikost písma nepoužívají absolutní jednotky. Relativní jednotky ovšem musí vycházet z těch výchozích - a to už jsme na nejisté půdě individuálního nastavení prohlížečů.
  6. Předpisy určující typ písma obsahují obecnou rodinu písem. Zde je nejlepší metodou použít obvyklé a multiplatformně dostupné písmo, s ohledem na jeho čitelnost. Platí dop. o použití max. 3 fontů.

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

  1. Obsah WWW stránky se mění, jen když uživatel aktivuje nějaký prvek. Není dobré když na stránce se bez ohledu na akci uživatele něco ukazuje a zase mizí, něco přilétne a odlétne?.
  2. Webová stránka bez přímého příkazu uživatele nemanipuluje uživatelským prostředím. Tisk stránek..
  3. Nová okna se otevírají jen v odůvodněných případech a uživatel je na to předem upozorněn.
  4. Na webové stránce nic nebliká rychleji než jednou za sekundu.
  5. Webová stránka nebrání uživateli posouvat obsahem rámů.
  6. 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é

  1. Webové stránky sdělují informace jednoduchým jazykem a srozumitelnou formou.
  2. Úvodní webová stránka jasně popisuje smysl a účel webu. Název webu či jeho provozovatele je zřetelný.
  3. Webová stránka i jednotlivé prvky textového obsahu uvádějí své hlavní sdělení na svém začátku.
  4. Rozsáhlé obsahové bloky jsou rozděleny do menších, výstižně nadepsaných celků.
  5. Informace zveřejňované na základě zákona jsou dostupné jako textový obsah webové stránky.
  6. 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é

  1. Každá webová stránka má smysluplný název, vystihující její obsah.
  2. Navigační a obsahové informace jsou na webové stránce zřetelně odděleny.
  3. Navigace je srozumitelná a je konzistentní na všech webových stránkách.
  4. 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.
  5. Všechny webové stránky rozsáhlejšího webu obsahují odkaz na přehlednou mapu webu.
  6. Obsah ani kód webové stránky nepředpokládá, že uživatel již navštívil jinou stránku.
  7. Každý formulářový prvek má přiřazen výstižný nadpis.
  8. 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é

  1. Označení každého odkazu výstižně popisuje jeho cíl i bez okolního kontextu.
  2. Stejně označené odkazy mají stejný cíl.
  3. Odkazy jsou odlišeny od ostatního textu, a to nikoli pouze barvou.
  4. 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.
  5. 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ý

  1. 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.
  2. V metaznačkách je uvedena použitá znaková sada dokumentu.
  3. 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.
  4. Pro popis vzhledu webové stránky jsou upřednostněny stylové předpisy.
  5. 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í.
  6. Všechny tabulky dávají smysl čtené po řádcích zleva doprava.
Zdroj: Ministerstvo informatiky ČR.