Download - Pravidla přístupnosti v praxi
![Page 1: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/1.jpg)
Pravidla přístupnosti v praxi, David Špinar
Pravidla přístupnosti v praxi
David Špinar, H1.cz
![Page 2: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/2.jpg)
Proč se zabývat s „přístupností“?
Více obchodních příležitostíPotenciál návštěvnosti je lépe využit.
Hendikepovaných uživatelů je skutečně mnoho (např. v UK cca 8,6 mil s kupní silou 45 mld. Liber ročně)
Není pravda, že hendikepovaní nejsou cílovou skupinou.
Lepší viditelnost webuPotenciál návštěvnosti se zvyšuje.
Přístupný web je zároveň „robot-friendly“
Vyhledavače majitelé stránek milují, ale často jim indexaci pěkně znepříjemňují
Pravidla přístupnosti v praxi, David Špinar
![Page 3: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/3.jpg)
Proč se zabývat s „přístupností“? II.
Posilování značkyDiskriminace je vnímána negativněPřístupnost buduje renomé
Úspora nákladů na správu a změny webuPřístupný web se díky svým charakteristikám velmi dobře spravuje a aktualizuje.Na přístupném webu lidé naleznou informaci, a tudíž nemusí volat, docházet, někoho zdržovat.
ZákonNepřístupné weby jsou v mnoha zemích za hranicí zákona.
Pravidla přístupnosti v praxi, David Špinar
![Page 4: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/4.jpg)
Pryč s webdeveloperskými mýty!
„Přístupný web je dražší, udělejme z něj položku v ceníku.“
„Přístupný web je ošklivější, nenechme se omezovat v kreativitě.“
Pravidla přístupnosti v praxi, David Špinar
![Page 5: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/5.jpg)
Česká legislativa
Zákon č. 365/2000 Sb. o ISVS
Schválen v březnu 2006
Platný od roku 2008
Platný pro subjekty státní správy a samosprávy
Povinnost publikovat informace tak, aby se s nimi mohli seznámit i zdravotně postižení
Konkrétní pravidla řeší prováděcí předpis (do doby platnosti doporučení “best practise”, poté vyhláška)
Pravidla přístupnosti v praxi, David Špinar
![Page 6: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/6.jpg)
Pravidla přístupnosti pro „pokročilé tvůrce webu“
![Page 7: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/7.jpg)
1. Každý netextový prvek nesoucí významové sdělení musí mít svou textovou alternativu.
Pozor na input type=„image“ a area
Pozor na prázdný alt a na longdesc
Pozor na CAPTCHA
Pravidla přístupnosti v praxi, David Špinar
![Page 8: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/8.jpg)
2. Multimediální prvky nesoucí významové sdělení musí být doplněny textovými titulky, jestliže nejsou jen alternativou k existujícímu textovému obsahu.
Pravidla přístupnosti v praxi, David Špinar
![Page 9: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/9.jpg)
3. 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.
Pravidla přístupnosti v praxi, David Špinar
![Page 10: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/10.jpg)
3. 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.
Pravidla přístupnosti v praxi, David Špinar
![Page 11: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/11.jpg)
3. 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.
Pravidla přístupnosti v praxi, David Špinar
![Page 12: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/12.jpg)
5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení.
Pravidla přístupnosti v praxi, David Špinar
![Page 13: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/13.jpg)
5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení.
Pravidla přístupnosti v praxi, David Špinar
![Page 14: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/14.jpg)
5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení.
Pravidla přístupnosti v praxi, David Špinar
![Page 15: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/15.jpg)
5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení.
Pravidla přístupnosti v praxi, David Špinar
![Page 16: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/16.jpg)
6. Barvy popředí a pozadí textu (nebo textu v obrázku) musí být vůči sobě dostatečně kontrastní, jestliže text nese významové sdělení.
Pravidla přístupnosti v praxi, David Špinar
![Page 17: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/17.jpg)
4. 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.
Pravidla přístupnosti v praxi, David Špinar
![Page 18: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/18.jpg)
7. 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.
Pozor na jednotky px
Pozor na pixelizaci
Pravidla přístupnosti v praxi, David Špinar
![Page 19: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/19.jpg)
9. 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.
Pravidla přístupnosti v praxi, David Špinar
![Page 20: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/20.jpg)
16. Rozsáhlé obsahové bloky jsou rozděleny do menších, výstižně nadepsaných celků.
Pravidla přístupnosti v praxi, David Špinar
![Page 21: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/21.jpg)
17. 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.
Nepoužívat display:none ani visibility:hidden
Nabízí se absolutní pozicování mimo obrazovku nebo negativní levý margin
Nejlepší je skrývat ve vrstvách pomocí z-index a zobrazovat při focusu (http://pristupnost.nawebu.cz/weblog/blogpost.php?post=94)
Pravidla přístupnosti v praxi, David Špinar
![Page 22: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/22.jpg)
19. 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.
Ideální je drobečková navigace
Pravidla přístupnosti v praxi, David Špinar
![Page 23: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/23.jpg)
22. Každý formulářový prvek musí mít popisek vystihující požadovaný obsah.
Pravidla přístupnosti v praxi, David Špinar
![Page 24: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/24.jpg)
30. Je-li tabulka použita pro zobrazení tabulkových dat, musí obsahovat značky pro záhlaví řádků nebo sloupců
Pravidla přístupnosti v praxi, David Špinar
![Page 25: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/25.jpg)
31. Obsah všech tabulek musí dávat smysl čtený po řádcích zleva doprava.
Pravidla přístupnosti v praxi, David Špinar
![Page 26: Pravidla přístupnosti v praxi](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c583ab4a7959d2348b4653/html5/thumbnails/26.jpg)
Děkuji za pozornost
David Špinar
http://pristupnost.nawebu.cz
Pravidla přístupnosti v praxi, David Špinar