Prague ACM SIGCHI presentation from 1/15/2009 about accessibility from Adam Fendrych.

1. Pravidla přístupnosti prakticky

2. Představení
• Adam Fendrych
» Konzultant projektu Dobrý web
» E-mail: adam.fendrych@dobryweb.cz
» Telefon: 244 003 337
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 2

3. Pravidla přístupnosti
• Zásady zpracování webu s ohledem na
hendikepované uživatele
• V ČR je kolem 10 % osob s postižením
• Od 1. 3. 2008 jsou pravidla pro systémy
veřejné správy povinná ze zákona
• www.pravidla-pristupnosti.cz,
www.pristupnost.cz
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 3

4. Kapitoly pravidel přístupnosti
• Obsah webových stránek je dostupný a čitelný
» Čitelnost, nezávislost na vybavení
• Práci s webovou stránkou řídí uživatel
» Žádné samovolné akce
• Informace jsou srozumitelné a přehledné
» Srozumitelnost, struktura textu
• Ovládání webu je jasné a pochopitelné
» Navigace, interakce s formuláři
• Kód je technicky způsobilý a strukturovaný
» Sémantika, struktura kódu
• Prohlášení o přístupnosti webových stránek
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 4

5. Kdo jsou hendikepovaní uživatelé
• Zrakové postižení
» Slabozrací, nevidomí, barvoslepí, dočasně omezení
• Pohybové postižení
• Sluchové postižení
• Alternativní HW a SW
• Kognitivní poruchy
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 5

6. Nevidomý uživatel – kompenzační
pomůcky
• Screen reader (odečítač obrazovky)
» Hlasový výstup
• http://www.pristupnost.cz/screen-readery/
» Hmatový výstup (Braillský řádek)
• http://www.pristupnost.cz/braillske-radky/
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 6

7. Příklady dopadu porušení pravidel
• Využití screen readeru NVDA
• Další scren readery:
» JAWS
» Hal
» WinMonitor
» Window-Eyes
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 7

8. NVDA
• Screen-reader
• Instalátor i přenosná verze
• Licence GNU GPL
• Hlasový výstup eSpeak
• Podpora:
» Explorer, Internet Explorer, Mozilla Firefox, Adobe Reader
• http://www.nvda-project.org
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 8

9. NVDA
• Virtuální prohlížeč
» Textové znázornění dokumentu
• Nejlepší podpora – Mozilla Firefox
• Pohyb po stránce pomocí šipek, enteru a
klávesových zkratek
» (ukázka – dobryweb.cz)
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 9

10. NVDA
• Základní zkratky pro urychlení pohybu v
dokumentu:
» H – nadpis
» L – seznam
» I – položka seznamu
» K – odkaz
» T – tabulka
» F – prvek formuláře
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 10

11. Obsah webových stránek je dostupný a
čitelný
• Každý netextový prvek nesoucí významové
sdělení musí mít svou textovou alternativu.
» http://www.kr-stredocesky.cz/portal/aktuality/zlato-a-
stribro-z-danska.htm?pg=1
• Informace sdělované pomocí skriptů musí
být dostupné a web i bez nich ovladatelný
» http://www.mustribro.cz/
» http://www.cz.o2.com
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 11

12. Obsah webových stránek je dostupný a
čitelný
• Informace sdělované rozmístěním a
velikostí prvků musí být dostupné, i pokud
uživatel tyto aspekty nedokáže vnímat
» http://www.parfemy.cz
• Informace sdělované barvou jsou dostupné
i bez barevného odlišení
» https://booking.juhasz.cz/
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 12

13. Práci s webovou stránkou řídí uživatel
• Načtení nové webové stránky či
přesměrování musí být možné jen po
aktivaci odkazu nebo po odeslání
formuláře
» http://www.pristupnost.cz/soubory/refresh.html
» http://google-cz.blogspot.com
» http://fotbal.idnes.cz/db_fotbal.asp?online=7054655
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 13

14. Informace jsou 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
» http://www.mzv.eu/wwwo/mzv/default.asp?ido=3&idj=1&
amb=1&ikony=False&trid=1&prsl=False
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 14

15. Ovládání webu je jasné a pochopitelné
• Každá webová stránka musí mít výstižný
název odpovídající jejímu obsahu
» http://www.lucas.cz
• Text odkazu musí jasně popisovat jeho cíl
» http://www.mesec.cz/aktuality/
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 15

16. Kód je technicky způsobilý a
strukturovaný
• Prvky tvořící nadpisy a seznamy musí být
korektně vyznačeny
» http://datarecovery.eu/cz/zachrana-dat-hlavni-
strana.html
• Obsah všech tabulek musí dávat smysl
čtený po řádcích zleva doprava
» http://portal.justice.cz/uvod/justice.aspx
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 16

17. Na shledanou
• Adam Fendrych
» adam.fendrych@dobryweb.cz
» 244 003 337
• Dobrý web
» http://www.dobryweb.cz
» info@dobryweb.cz
» 244 003 110
dokument | Pravidla přístupnosti prakticky datum | 16.1.2009 snímek | 17