Přístupnost. aby WWW stránky mohla zobrazovat co nejš irš í paleta programů a zařízení myslet na speciální požadavky

Transkript

1 Přístupnost aby WWW stránky mohla zobrazovat co nejš irš í paleta programů a zařízení myslet na speciální požadavky nevidomí a slabozrací negrafičtí klienti (pozor! sem patří i vyhledávací roboti) lidé s poruchami motoriky pro weby veřejné správy vyžaduje zákon 365/2000

2 Principy přístupnosti obsah musí být vnímatelný pro vš echny uživatele každý uživatel musí být schopen ovládat prvky uživatelského rozhraní v obsahu obsah a řídicí prvky musí být srozumitelné pro každého uživatele obsah musí být natolik robustní, aby byl zpracovatelný současnými i budoucími technologiemi

3 Požadavky zákona 365/2000 (1) Každý netextový prvek nesoucí významové sdělení má svou textovou alternativu. atribut alt, případně longdesc je-li obrázek dekorační, alt prázdný 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ů. vš e podstatné musí být v textu stránky

4 Požadavky zákona 365/2000 (2) Informace sdělované barvou jsou dostupné i bez barevného rozliš ení. neodliš ovat odkazy jen barvou nezvýrazňovat jen barvou Barvy popředí a pozadí jsou dostatečně kontrastní. Na pozadí není vzorek, který snižuje čitelnost. pomůcka např. rozdíl jasů alespoň 125, rozdíl barev min. 500

5 Požadavky zákona 365/2000 (3) Předpisy určující velikost písma nepoužívají absolutní jednotky. nevhodné jednotky: pt, pc, in, cm, mm, px někteří klienti pro ně neumožní změnit velikost Předpisy určující typ písma obsahují obecnou rodinu písem. přinejmenš ím jako poslední alternativu např. font-family: "Nimbus Sans", futura, sans-serif;

6 Požadavky zákona 365/2000 (4) Obsah WWW stránky se mění, jen když uživatel aktivuje nějaký prvek. stránku změní jen jasný signál (klepnutí na odkaz, odeslání formuláře) dílčí akce (přepnutí přepínače ve formuláři) mají jen lokální dopad (např. zobrazení dosud skryté části formuláře), nikoli přechod na jinou stránku běžné činnosti (pohyb myš i) nesmí vyvolat přeformátování stránky lze měnit barvy, zobrazit/skrýt cosi, neměnit vš ak rozměry prvků

7 Požadavky zákona 365/2000 (5) Webová stránka bez přímého příkazu uživatele nemanipuluje uživatelským prostředím. nesmí manipulovat s okny, měnit ovládací prvky prohlížeče pokud je to nutné, musí být uživatel upozorněn a vyjádřit souhlas Nová okna se otevírají jen v odůvodněných případech a uživatel je na to předem upozorněn. až na výjimky ponechat na volbě uživatele

8 Požadavky zákona 365/2000 (6) Na webové stránce nic nebliká rychleji než jednou za sekundu. <blink> je zakázáno (frekvenci nelze ovlivnit) raději bez blikání a animací Webová stránka nebrání uživateli posouvat obsahem rámů. nezakazovat posuvníky u rámů lépe: nepoužívat rámy

9 Požadavky zákona 365/2000 (7) 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í. kód ani obsah nesmí předpokládat určitý prohlížeč, rozliš ení apod. nepředpokládat ani konkrétní vstupní zařízení Webové stránky sdělují informace jednoduchým jazykem a srozumitelnou formou. jasný a jednoduchý jazyk, odborné pojmy vysvětlit

10 Požadavky zákona 365/2000 (8) Úvodní webová stránka jasně popisuje smysl a účel webu. Název webu či jeho provozovatele je zřetelný. z titulní stránky musí být zřejmý účel a provozovatel doporučuje se mít tu i kontaktní informace Webová stránka i jednotlivé prvky textového obsahu uvádějí své hlavní sdělení na svém začátku. nejdůležitějš í informace vždy na začátku (platí i pro části) pokud je na začátku rozsáhlejš í navigace, musí být možné ji přeskočit

11 Požadavky zákona 365/2000 (9) Rozsáhlé obsahové bloky jsou rozděleny do menš ích, výstižně nadepsaných celků. usnadňuje orientaci a čtení Informace zveřejňované na základě zákona jsou dostupné jako textový obsah webové stránky. nestačí PDF či jiná forma, lze jen jako doplněk základní informace musí být přímo textově na stránce

12 Požadavky zákona 365/2000 (10) 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. kontakt na správce, raději i neinternetový explicitně uvést části, které nesplňují požadavky na přístupnost (např. videoarchiv) lze uvést i splnění přístupnosti podle jiných metodik (WCAG, BFW)

13 Požadavky zákona 365/2000 (11) Každá webová stránka má smysluplný název, vystihující její obsah. míněn <title> obsahuje název webu i dané stránky, např: TU v Liberci: Rozvrh Navigační a obsahové informace jsou na webové stránce zřetelně odděleny. navigaci umístit mimo vlastní obsah

14 Požadavky zákona 365/2000 (12) Navigace je srozumitelná a je konzistentní na vš ech webových stránkách. navigační odkazy základem pro pohyb na webu intuitivní a konzistentní, na stabilním místě Každá webová stránka (kromě úvodní) obsahuje odkaz na vyš š í úroveň v hierarchii webu a odkaz na úvodní WWW stránku. umožnit pohyb hierarchií vzhůru, dolů a do stran odkaz na titulní a vyš š í stránky důležitý v rámech

15 Požadavky zákona 365/2000 (13) Vš echny webové stránky rozsáhlejš ího webu obsahují odkaz na přehlednou mapu webu. mapa strukturovaný seznam odkazů na vš echny stránky webu (u velkých webů stačí na vš echny sekce) odkaz na ni konzistentně na vš ech stránkách Obsah ani kód webové stránky nepředpokládá, že uživatel již navš tívil jinou stránku. stránka by měla fungovat nezávisle na okolí

16 Požadavky zákona 365/2000 (14) Každý formulářový prvek má přiřazen výstižný nadpis. uživatel musí mít jasno co má vyplnit nadpis spojit s polem prvkem <label>: <label for="jmeno">jméno</label><br /> <input type="text" id="jmeno" name="pjmeno" /> Každý rám má vhodné jméno či popis vyjadřující jeho smysl a funkčnost. některá zařízení prezentují rámy postupně

17 Požadavky zákona 365/2000 (15) Označení každého odkazu výstižně popisuje jeho cíl i bez okolního kontextu. z označení musí být jasné kam směřuje označení = text odkazu + atribut title značky <a> Stejně označené odkazy mají stejný cíl. pokud je totožné označení odkazů na stránce, měly by vést tamtéž pokud nelze odliš it textem, alespoň v title

18 Požadavky zákona 365/2000 (16) Odkazy jsou odliš eny od ostatního textu, a to nikoli pouze barvou. rozpoznání odkazu je základem použitelnosti např. podtržení či kontext (odkaz v bloku menu) Obrázková mapa na straně serveru je použita jen pokud není zbytí. Jinak je použita obrázková mapa na straně uživatele. Mapa na straně serveru je vždy doprovázena alternativními textovými odkazy. obrázkové mapy jsou naš těstí momentálně out

19 Požadavky zákona 365/2000 (17) 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. typicky pro PDF, DOC a jiné dokumenty Kód webových stránek odpovídá finální specifikaci jazyka HTML či XHTML. Neobsahuje syntaktické chyby, které je správce schopen odstranit. doporučuje se používat validátory

20 Požadavky zákona 365/2000 (18) V metaznačkách je uvedena použitá znaková sada dokumentu. <meta http-equiv="content-type" content="text/html; charset=iso "> nejběžnějš í kódy: utf-8, iso , windows-1250 Prvky tvořící nadpisy a seznamy jsou korektně vyznačeny ve zdrojovém kódu. a naopak využívat a nezneužívat standardní konstrukce

21 Požadavky zákona 365/2000 (19) Pro popis vzhledu webové stránky jsou upřednostněny stylové předpisy. nezatahovat formátování do kódu stránky nepoužívat <font>, <b>, <i>, <center> 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í. míněny prvky <th>

22 Požadavky zákona 365/2000 (20) Vš echny tabulky dávají smysl čtené po řádcích zleva doprava. důvod: hlasové čtečky

23 WCAG Web Content Accessibility Guidelines vydalo WWW Consortium aktuálně ve verzi úrovně priorit: povinné při splnění konformance A doporučené při splnění AA volitelné při splění AAA dokončuje se verze 2 (příliš se nepovedla)

24 BFW Blind Friendly Web přístupnost pro těžce zrakově postižené uživatele metodický návod značný průnik se zákonem 365/2000

25 BFW: doporučení pro testování vypnout grafiku v prohlížeči vypnout JavaScript, Javu a podobné prvky použít textový prohlížeč (např. Lynx viz zkopírovat stránku do základního textového editoru navigovat jen pomocí klávesnice měnit velikost písma a okna nastavit vysoký kontrast ve Windows