Přístupnost webových stránek - pravidla 2008
Upcoming SlideShare
Loading in...5
×
 

Přístupnost webových stránek - pravidla 2008

on

  • 1,685 views

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

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

Statistics

Views

Total Views
1,685
Views on SlideShare
1,684
Embed Views
1

Actions

Likes
0
Downloads
5
Comments
0

1 Embed 1

http://www.equica.cz 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Přístupnost webových stránek - pravidla 2008 Přístupnost webových stránek - pravidla 2008 Presentation Transcript

  • Přístupný web - nová povinnost měst a obcí Vladimír Matějíček 5.12.2007
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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 [email_address] +420 724 101 555 http://pristupnost.inspirative.cz/ Prezentace bude uvedena na: http://www. slideshare . net /equica