Prezentace věnující se praktické aplikaci nových pravidel přístupnosti.

1. Přístupný web - nová povinnost měst a obcí Vladimír Matějíček 5.12.2007

2. Koho se přístupnost týká Počet uživatelů internetu ve věku nad 15 let v ČR dosahuje 53 % populace* Nejčastěji je internet využíván*: ke komunikaci elektronickou poštou k vyhledávání praktických informací k vyhledávání nových poznatků jako zdroj zpravodajství Zdravotní postižení cca 10 % evropské populace až 1,2 mil občanů v ČR (zdroj ČSÚ) přibližně polovina lidí nad 65 let trpí nějakou formou zdravotního postižení * Výzkum Factum Invenio, červenec 2007 Koho se týká přístupnost

3. Koho se přístupnost týká Dlouhodobé postižení vrozené získané Krátkodobé znevýhodnění dočasné znehybnění končetin vedlejší účinky léků Problémy vysokého věku zhoršený zrak zhoršený sluch problémy s koordinací pohybů Kdo je postižený Technické vybavení nestandardní SW absence SW nestandardní HW technicky nevyhovující HW Okolnosti dané místem hluk v místnosti slunce svítící na monitor

4. Koho se přístupnost týká Typy postižení Postižení zraku nevidomost (úplná / částečná); vada zraku (barvoslepost, dalekozrakost, zelený zákal), nevyhovující technické vybavení Postižení sluchu hluchota (úplná / částečná); zbytky sluchu; hlučné prostředí; chybějící zvukový výstup Pohybové postižení fyzické omezení hybnosti; motorická porucha Poruchy učení a soustředění „ dys“ poruchy; mentální postižení; snížená inteligence; problémy s pamětí Technický a/nebo technologický handicap alternativní SW (operační systém, prohlížeč, hlasová čtečka); alternativní HW (mobily, PDA, webTV); chybějící SW / HW

5. Zákonná povinnost ve světě Evropská unie povinnost v rámci EU není stanovena je doporučeno respektovat metodiku WCAG 2.0 s ohledem na národní specifika na ministerské konferenci v Rize (červen 2006) ČR deklarovala přijetí tohoto doporučení se snahou zpřístupnit webové stránky veřejné správy do r. 2010 Webové standardy metodiky WCAG (Web Content Accessibility Guidelines) konsorcia W3C WCAG 1.0 (r. 1999) WCAG 2.0 (r. 2008?, aktuálně pracovní návrh) Zákonná povinnost Webové standardy USA je definována povinnost federálních orgánů poskytovat informace přístupným způsobem (vč. webových stránek) vlastní pravidla – Section 508 USA

6. Zákonná povinnost v ČR Zákon č. 365/2000 Sb. o ISVS (v novelizovaném znění - §5, odst. 2, písmeno f) [orgány veřejné správy jsou v rámci informačních systémů veřejné správy povinny] „ Postupovat při uveřejňování informací způsobem umožňujícím dálkový přístup tak, aby byly informace související s výkonem veřejné správy uveřejňovány ve formě, která umožňuje, aby se s těmito informacemi v nezbytném rozsahu mohly seznámit i osoby se zdravotním postižením. Formu uveřejnění informací stanoví prováděcí právní předpis.“ Platnost úpravy je k 1.1. 2008 Návrh vyhlášky zveřejněn 27.11. 2008 na webu MV ČR 6 oblastí, 33 pravidel pravidla jsou povinná nebo podmíněně povinná rozšiřují návrh pravidel přístupnosti vzniklý v zakázce MI ČR Na internetu http://www. mvcr .cz/dokument/ isvs /normy/ navrh _ vyhlaska _ pristupnost . html http:// pristupnost . inspirative .cz/pravidla-MVCR-2007. html Zákonná povinnost Prováděcí vyhláška

7. Koho se přístupnost týká Nová pravidla přístupnosti 6 tematických oblastí | 33 pravidel Obsah webových stránek musí být dostupný a čitelný Práci s webovou stránkou řídí uživatel Informace musí být srozumitelné a přehledné Ovládání webových stránek musí být jasné a srozumitelné Zdrojový kód musí být technicky způsobilý a strukturovaný Prohlášení o přístupnosti webových stránek

8. Koho se přístupnost týká Obsah stránek musí být dostupný a čitelný Každý netextový prvek nesoucí významové sdělení musí mít svou textovou alternativu. používat atribut alt u obrázků, obrázkových map, obrázkových tlačítek formulářů CAPTCHA se zvukovým výstupem povinné pravidlo

9. Koho se přístupnost týká Obsah stránek musí být dostupný a čitelný Multimediální prvky nesoucí významové sdělení musí být doplněny textovými titulky, pokud nejsou jen alternativou k existujícímu textovému obsahu. video nebo audio záznamy musí mít textovou alternativu textový přepis záznamu textové titulky povinné pravidlo

10. Koho se přístupnost týká Obsah stránek musí být dostupný a čitelný Pokud to charakter webových stránek nevylučuje, informace sdělované prostřednictvím skriptů, objektů, appletů, kaskádových stylů, cookies a jiných doplňků na straně uživatele, musí být dostupné i bez kteréhokoli z těchto doplňků a stránky musí být standardně ovladatelné. V opačném případě sdělí orgán veřejné správy tyto informace jiným způsobem. Podmíněně povinné pravidlo.

11. Koho se přístupnost týká Obsah stránek musí být dostupný a čitelný Informace sdělované vizuální podobou webových stránek, tvary jednotlivých prvků, jejich velikostí, pořadím nebo umístěním musí být dostupné i v případě, že uživatel nemůže tyto aspekty vnímat. hlasová čtečka nerozpozná co je v grafickém výstupu „vpravo“ nebo „vlevo“ díky trendu oddělení formy od obsahu není možné bez grafického výstupu rozpoznat co je „menší“ a co je „větší“ pokud nejsou používány významové = sémantické značky (např. strong, em) nelze rozeznat tučné písmo Povinné pravidlo.

12. Koho se přístupnost týká Obsah stránek musí být dostupný a čitelný Informace sdělované barvou musí být dostupné i bez barevného rozlišení. označujte odkazy podtržením nezapomínejte na formuláře (povinné položky označujte např. hvězdičkou a ne jen barvou) Povinné pravidlo.

13. Koho se přístupnost týká Obsah stránek musí být dostupný a čitelný Barvy popředí a pozadí textu (nebo textu v obrázku) musí být vůči sobě dostatečně kontrastní, pokud text nese významové sdělení. označujte odkazy podtržením nezapomínejte na formuláře (povinné položky označujte např. hvězdičkou a ne jen barvou) Povinné pravidlo. Kód je třeba buď kompletně předělat a pozicovat jednotlivé prvky za pomocí CSS (a tím dosáhnout toho, že obsah stránky bude v kódu hned na začátku nebo hned za hlavním menu) nebo na začátek kódu přidat odkaz umožňující přeskočit rovnou na vlastní obsah dané stránky. Ten odkaz nemusí být vidět nikde jinde než v kódu – je určen především pro nevidomé, aby jim čtečka nemusela sáhodlouze předčítat všechny kusy kódu, které předcházejí vlastnímu obsahu, ale aby uměli přeskočit rovnou na hlavní sdělení.

14. Koho se přístupnost týká Obsah stránek musí být dostupný a čitelný Velikost písma musí být možné zvětšit alespoň na 200 % a zmenšit alespoň na 50 % původní hodnoty pomocí standardních funkcí prohlížeče. Při takové změně velikosti nesmí docházet ke ztrátě obsahu nebo funkcionality. umožněte uživatelům zvětšovat písmo myslete na to, že málokdo ví, že si může text zvětšovat Povinné pravidlo.

15. Koho se přístupnost týká Práci s webovou stránkou řídí uživatel Obsah ani kód webové stránky nesmí předpokládat ani vyžadovat konkrétní výstupní či ovládací zařízení. nepočítejte s tím, že uživatel používá myš nebo klávesnici, že má (barevný) monitor, tiskový nebo zvukový výstup, konkrétní operační systém nebo prohlížeč „ optimalizováno pro Internet Explorer 6.0 při rozlišení 1024 x 768“ Povinné pravidlo.

16. Koho se přístupnost týká Práci s webovou stránkou řídí uživatel Obsah ani kód webové stránky nesmí předpokládat ani vyžadovat konkrétní způsob použití ani konkrétní programové vybavení. Pokud je předpokládáno či vyžadováno konkrétní programové vybavení, může to být pouze z důvodu technické nerealizovatelnosti přizpůsobení obsahu a kódu webové stránky všem programovým vybavením. pokud uveřejňujete informace jinak než v (X)HTML, upozorněte na to uživatele (v prohlášení o přístupnosti) soubory zveřejňujte ve standardních formátech nabídněte alternativu k potřebnému SW (wordviewer, soubory v pdf apod.) Podmíněně povinné pravidlo.

17. Koho se přístupnost týká Práci s webovou stránkou řídí uživatel Načtení nové webové stránky či přesměrování je možné jen po aktivaci odkazu nebo po odeslání formuláře. nepoužívejte pop-up nepoužívejte automatické přesměrování v žádném jiném než prvním kroku nabízejte kontextové informace „chytře“ Povinné pravidlo.

18. Koho se přístupnost týká Práci s webovou stránkou řídí uživatel Načtení nové webové stránky do nového okna prohlížeče je možné, jen když uživatel aktivuje odkaz nebo odešle formulář, a to pouze v odůvodněných případech. Pokud je webová stránka načtena do nového okna prohlížeče, je na to uživatel předem upozorněn. nikdy neotevírejte nová okna bez předchozího upozornění snažte se neotevírat nová okna – uživatel neuteče (naopak, v novém okně mu nebude fungovat tlačítko Zpět) vhodné použití je např. u kontextových informací Povinné pravidlo.

19. Koho se přístupnost týká Práci s webovou stránkou řídí uživatel Na webové stránce nedochází rychleji než třikrát za sekundu k výrazným změnám barevnosti, jasu, velikosti nebo umístění prvku. reklamy a upozornění by neměly blikat, pulzovat nebo kmitat na obrazovce častěji než třikrát za sekundu (nebezpečí nastartování např. epileptického záchvatu) značka <blink> nesmí být použita vůbec (není možné nijak kontrolovat nebo nastavit frekvenci blikání) Povinné pravidlo.

20. Koho se přístupnost týká Práci s webovou stránkou řídí uživatel Zvuk, který zní na webové stránce déle než tři sekundy, musí být možné na této webové stránce vypnout nebo upravit jeho hlasitost. osobám s kognitivními poruchami (poruchy soustředění) může opakovaný zvuk způsobit problémy pokud musíte zvuk (např. na pozadí) nutně použít, nabídněte dostatečně jasný a srozumitelný mechanismus jak zvuk vypnout nebo ztišit (pouze zvuk na stránce, nesmíte zasahovat do nastavení zvuku v počítači) Povinné pravidlo.

21. Koho se přístupnost týká Práci s webovou stránkou řídí uživatel Časový limit pro práci s webovou stránkou musí být dostatečný. Pokud to nevylučuje charakter webové stránky, může uživatel časový limit prodloužit nebo vypnout. nabídněte dost času informujte uživatele kolik času mu zbývá pokud to není nutné (časově omezená aukce, soutěž, e-learning test), dovolte časový limit úplně vypnout nebo prodloužit Podmíněně povinné pravidlo.

22. Koho se přístupnost týká Informace musí být srozumitelné a přehledné Webové stránky musí sdělovat informace jednoduchým jazykem a srozumitelnou formou, pokud to charakter webové stránky nevylučuje. snažte se nepoužívat odbornou terminologii (nebo ji aspoň vysvětlete) používejte krátké, jednoduché a jednoznačné věty vaši návštěvníci (většinou) nejsou odborníci Podmíněně povinné pravidlo.

23. Koho se přístupnost týká Informace musí být srozumitelné a přehledné Rozsáhlé obsahové bloky musí být rozděleny do menších výstižně nadepsaných celků. důsledně čleňte text na menší obsahové bloky používejte nadpisy (<h2> – <h6>) a odstavce (<p>) čleňte nejen text, ale i složité formuláře (<fieldset> na menší bloky, <legend> pro jejich popis) dodržujte pravidlo i u dlouhých výběrových polí (formulářový prvek <select>) – dělte položky do logických celků (<optgroup>) a ty označujte popisky (<label>) Povinné pravidlo.

24. Koho se přístupnost týká Informace musí být srozumitelné a přehledné Bloky obsahu, které se opakují na více webových stránkách daného orgánu veřejné správy, je možné přeskočit. Pokud webové stránky nemají velký rozsah, nemusí být zajištěno přeskočení opakujících se bloků obsahu. typické členění kódu je: hlavička, menu, hlavní obsah, patička hlavička, menu a patička se opakují (a často vůbec nemění) umožněte uživateli přeskočit tyto bloky (hlavička, navigace) a dostat se přímo k hlavnímu obsahu Podmíněně povinné pravidlo.

25. Koho se přístupnost týká Ovládání webových stránek musí být jasné a srozumitelné Navigace musí být srozumitelná a na všech webových stránkách orgánu veřejné správy obdobná. Od ostatního obsahu webové stránky musí být zřetelně oddělena. používejte jednotnou grafickou úpravu v rámci webu mějte vždy stejné nebo velmi podobné navigační mechanismy oddělte navigaci od obsahu (vizuálně) a nadepište ji (nadpis <h2> - <h6>) Povinné pravidlo.

26. Koho se přístupnost týká Ovládání webových stránek musí být jasné a srozumitelné Každá webová stránka (kromě úvodní webové stránky) musí obsahovat odkaz na vyšší úroveň v hierarchii webových stránek a odkaz na úvodní webovou stránku. uživatel musí mít přehled kde se zrovna nachází (mohl přijít z vyhledávače) vždy musí mít možnost jít na titulní stránku webu pokud používáte rámy, odkaz na titulní stranu uvádějte vždy Povinné pravidlo.

27. Koho se přístupnost týká Ovládání webových stránek musí být jasné a srozumitelné Pokud se jedná o rozsáhlejší webové stránky, musí být kromě navigace k dispozici rovněž vyhledávání nebo odkaz na mapu webových stránek. Odkaz na mapu webových stránek nebo vyhledávací formulář musí být k dispozici na každé webové stránce. mapa webu a vyhledávání je důležitá nejen pro postižené odkaz na mapu webu a vyhledávací políčko nabízejte na každé stránce webu pro malé weby není nutné mapu a vyhledávání implementovat Podmíněně povinné pravidlo.

28. Koho se přístupnost týká Ovládání webových stránek musí být jasné a srozumitelné Každá webová stránka musí mít výstižný název odpovídající jejímu obsahu. název (<title>) je důležitý nejen pro postižené, ale i pro běžné návštěvníky (např. kvůli výsledkům vyhledávání ve vyhledávačích) Povinné pravidlo.

29. Koho se přístupnost týká Ovládání webových stránek musí být jasné a srozumitelné U každého formulářového prvku musí být přítomen popisek vystihující požadovaný obsah. jednotlivé prvky formulářů důsledně popisujte pomocí značky <label> přiřazujte popisky pomocí vazebních atributů (<for> a <id>) na přístupnost formulářů se často zapomíná Povinné pravidlo.

30. Koho se přístupnost týká Ovládání webových stránek musí být jasné a srozumitelné Pokud uživatel učiní chybu při vyplňování webového formuláře, musí být k dispozici informace o tom, ve které položce je chyba. Pokud to charakter webového formuláře nevylučuje, musí být k dispozici rovněž informace, jak tuto chybu odstranit. oznamte chybu co nejblíže začátku stránky pokud možno ji oznamte i přímo u chybně vyplněné položky nabídněte možnou příčinu problému a možné řešení Podmíněně povinné pravidlo.

31. Koho se přístupnost týká Ovládání webových stránek musí být jasné a srozumitelné Text odkazu nebo jeho přímo související text musí výstižně popisovat cíl odkazu. Pokud odkaz vede na soubor, musí být odkaz doplněn sdělením o typu a velikosti tohoto souboru. Snažte se uvádět vhodný text přímo v odkazu. Pokud to nejde, popisujte cíl odkazu za pomoci „přímo souvisejícího textu“ (okolí odkazu) je např. nejbližší věta, odstavec, položka seznamu nebo buňka tabulky Pokud nejde ani to, použijte popisek odkazu (atribut title značky <a>) Chybně: „Pokud vás zajímá mail na starostu, klikněte sem . Správně : „Na této stránce naleznete kontakt na starostu obce .“ Povinné pravidlo.

32. Koho se přístupnost týká Ovládání webových stránek musí být jasné a srozumitelné Text odkazu nebo jeho přímo související text musí výstižně popisovat cíl odkazu. Pokud odkaz vede na soubor, musí být odkaz doplněn sdělením o typu a velikosti tohoto souboru. Snažte se uvádět vhodný text přímo v odkazu. Pokud to nejde, popisujte cíl odkazu za pomoci „přímo souvisejícího textu“ (okolí odkazu) je např. nejbližší věta, odstavec, položka seznamu nebo buňka tabulky Pokud nejde ani to, použijte popisek odkazu (atribut title značky <a>) Chybně: „Pokud vás zajímá mail na starostu, klikněte sem . Správně : „Na této stránce naleznete kontakt na starostu obce .“ Povinné pravidlo.

33. Koho se přístupnost týká Ovládání webových stránek musí být jasné a srozumitelné Každý rám musí mít vhodné jméno či popis vyjadřující jeho smysl a funkčnost. Nepoužívejte rámy Když už je musíte použít (občas mají své opodstatnění), snažte se je udělat maximálně přístupné a použitelné Pojmenovávejte rámy podle jejich skutečného obsahu, uvádějte odkaz na titulní stranu Počítejte s tím, že uživatel se přes vyhledávač může dostat jen k obsahu jednoho konkrétního rámu (neuvidí navigaci) Povinné pravidlo.

34. Koho se přístupnost týká Zdrojový kód musí být technicky způsobilý a strukturovaný Pokud jsou sémantické značky použity pro formátování obsahu, musí být použity ve zdrojovém kódu tak, aby odpovídaly významu obsahu. Mějte čistý kód, hlasové výstupy s ním umí pracovat! Neformátujte vzhled za pomoci sémantiky Povinné pravidlo.

35. Koho se přístupnost týká Zdrojový kód musí být technicky způsobilý a strukturovaný Prvky značkovacího jazyka, které jsou párové, musí mít vždy uvedenu počáteční a koncovou značku. Značky musí být správně zanořeny a nesmí docházet k jejich křížení. Mějte čistý kód, hlasové výstupy s ním umí pracovat! Čtečky nemusí být tak tolerantní jako webové prohlížeče Povinné pravidlo.

36. Koho se přístupnost týká Zdrojový kód musí být technicky způsobilý a strukturovaný Ve zdrojovém kódu musí být určen hlavní jazyk obsahu webové stránky. Uvádějte v hlavičce hlavní jazyk stránky (xml:lang, lang) Čtečky se podle tohoto atributu řídí při interpretaci obsahu Povinné pravidlo.

37. Koho se přístupnost týká Zdrojový kód musí být technicky způsobilý a strukturovaný Prvky tvořící nadpisy a seznamy musí být korektně vyznačeny ve zdrojovém kódu a musí být výstižné. Čtečky umí pracovat s celkovou strukturou stránky (např. obsah stránky tvořený nadpisy) Stejně tak se seznamy – čtečky mají určité postupy jak usnadnit jejich „prohlížení“, pokud nebudou korektně vyznačeny, uživatel může mít problémy s orientací Povinné pravidlo.

38. Koho se přístupnost týká Zdrojový kód musí být technicky způsobilý a strukturovaný Je-li tabulka použita pro zobrazení tabulkových dat, musí obsahovat značky pro záhlaví řádků nebo sloupců. Pokud používáte tabulkový layout, nic neřešte Pokud je tabulka tabulkou, měla by být záhlaví sloupců/řádků označena (<th>) Pomocná zařízení tyto prvky používají předtím, než prezentují obsažená data Povinné pravidlo.

39. Koho se přístupnost týká Zdrojový kód musí být technicky způsobilý a strukturovaný Obsah všech tabulek musí dávat smysl čtený po řádcích zleva doprava. Pomocná zařízení prezentují většinou obsah tabulek po řádcích Pokud se spolehnete pouze na vzhled a rozdělíte obsah jedné buňky do dvou řádků (ale opticky zajistíte aby spolu data souvisela), čtečka nejspíš bude data prezentovat nekorektně Pomocná zařízení tyto prvky používají předtím, než prezentují obsažená data Povinné pravidlo.

40. Koho se přístupnost týká Prohlášení o přístupnosti webových stránek Každá webová stránka musí vždy obsahovat prohlášení o tom, že forma uveřejnění informací je v souladu s touto vyhláškou (prohlášení o přístupnosti) nebo odkaz na toto prohlášení. V prohlášení uveďte míru přístupnosti (označte nepřístupné části) Uveďte kontakt na webmastera Odkazujte na něj z každé stránky Povinné pravidlo.

41. Koho se přístupnost týká Prohlášení o přístupnosti webových stránek Pokud orgán veřejné správy některá z podmíněně povinných pravidel uvedených pod čísly položek 3, 9, 14, 15, 17, 20 a 23 neuplatní, uveřejní tuto informaci v prohlášení o přístupnosti, a to jejich číselným výčtem, včetně příslušného odůvodnění. V prohlášení uveďte míru přístupnosti (označte nepřístupné části) Podmíněně povinné pravidlo.

42. Atestační středisko EQUICA Rubeška 216 180 00, Praha 8 – Vysočany www.equica.cz/atestacni-stredisko Vladimír Matějíček [email_address] +420 724 101 555 http://pristupnost.inspirative.cz/ Prezentace bude uvedena na: http://www. slideshare . net /equica