přístupnost webových stránek měst a obcí
DESCRIPTION
Prezentace pokrývající téma přístupnost webových stránek veřejné správy s důrazem na nová pravidla přístupnosti.TRANSCRIPT
Přístupný webPřístupný web- -
nová povinnost měst a nová povinnost měst a obcíobcí
Vladimír Matějíček
5.12.2007
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 přístupnost týká
Koho se týká přístupnost
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ů
Koho se přístupnost týká
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
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
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 ve světě
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
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 v ČR
Zákonná povinnost
Prováděcí vyhláška
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
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
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
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.
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.
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.
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í.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Atestační středisko EQUICA
Rubeška 216
180 00, Praha 8 – Vysočany
www.equica.cz/atestacni-stredisko
Vladimír Matějíček
+420 724 101 555
http://pristupnost.inspirative.cz/
Prezentace bude uvedena na:
http://www.slideshare.net/equica