Chcete vědět, proč je přístupnost při návrhu digitálního produktu důležitá a jaké výhody přináší jeho uživatelům? V přednášce se dozvíte, jak přístupně navržené weby a aplikace nejen uživatelům s handicapem pomáhají při každodenních činnostech, jakými jsou například získávání informací, cestování či komunikace s přáteli.

1. DIGITÁLNÍ DESIGN BEZ BARIÉR
RADEK PAVLÍČEK, STŘEDISKO TEIRESIÁS MASARYKOVY UNIVERZITY

4. DESIGN PRO VŠECHNY

6. PROČ SE
O TÉTO
TÉMATICE
BUDEME BAVIT?

21. HODNĚ PRÁCE JE
NA NÁS

23. DNEŠNÍ DOBA
JE PRO
HANDICAP
DOBRÁ

24. NESAMOSTATNOST,
ZÁVISLOST NA
POMOCI DRUHÝCH

28. SAMOSTATNOST

32. SVĚT NENÍ
DOKONALE
PŘÍSTUPNÝ

33. TECHNOLOGIE HODNĚ
POMÁHAJÍ, ALE BEZ
PŘÍSTUPNÉHO
PROSTŘEDÍ A SYSTÉMU
TO NEPŮJDE

34. „Stávající systém je
nefunkční, my nabízíme
převratné řešení, které
umožní nevidomým
<doplň dle uvážení>“

37. CO JE TO
PŘÍSTUPNOST?

40. JEDNA PŘÍSTUPNOST VLÁDNE VŠEM?

43. PROČ SE
VĚNOVAT
PŘÍSTUPNOSTI
?

44. HTTP://WEBAIM.ORG/BLOG/MOTIVATING-ACCESSIBILITY-
CHANGE/

47. SPECIFICKÁ
ŘEŠENÍ PRO
ÚZKOU
CÍLOVKU

49. ZNAKOVÝ JAZYK

54. V PŘÍSTUPNÉM
PROSTŘEDÍ SE
SNÁZE ŽIJE
KOMUKOLIV

61. PŘÍKLAD

62. DOPAD
ZRAKOVÉHO
POSTIŽENÍ NA
BĚŽNÝ ŽIVOT

63. ~ 80 % INFORMACÍ
VNÍMÁME ZRAKEM

64. CHYBĚJÍCÍ
KONTEXT

66. Zdroj obrázků: National Eye Institute, National Institutes of Health

67. SEKVENČNÍ
PROCHÁZENÍ

74. NE INTUITIVNÍ, ALE
„ANALYTICKÁ“ PRÁCE

77. INFORMACE
V TEXTOVÉ PODOBĚ

80. PŘÍSTUPNOST
Z KLÁVESNICE

82. NASTAVENÍ PROSTŘEDÍ
NA MÍRU SVÝM
POTŘEBÁM

85. PROPOJENÍ
PŘÍSTUPNOSTI
FYZICKÉHO A
DIGITÁLNÍHO
PROSTORU

86. HAPTICKÉ MAPY
(HAPTICKE.MAPY.CZ)

89. PROPOJENÍ FYZICKÉHO A
VIRTUÁLNÍHO SVĚTA

90. SYSTEMATICKÉ ŘEŠENÍ

91. VEŘEJNĚ DOSTUPNÉ NA
ADRESE, KTEROU KAŽDÝ
ZNÁ

92. VÝSLEDEK SPOLUPRÁCE
AKADEMICKÉ A
KOMERČNÍ SFÉRY

93. DOSTUPNOST MAP PRO
NEVIDOMÉ UŽIVATELE

94. NA CO SE
ZAMĚŘIT

95. STRUKTUROVÁNÍ
OBSAHU

97. http://poslepu.blogspot.com/2010/01/jak-pristupne-
strukturovat-web-pomoci.html

98. NADPISY

105. OBLASTI STRÁNKY

106. https://www.vzhurudolu.cz/prirucka/html5-struktura
https://www.vzhurudolu.cz/prirucka/wai-aria
https://www.zdrojak.cz/clanky/pristupnost-ria-
strukturovani-dokumentu-a-pristupnost-z-klavesnice/

108. ROLE=„MAIN“
ROLE=„NAVIGATION“
…

112. OVLADATELNOST
Z KLÁVESNICE

118. TEXTOVÉ ALTERNATIVY
GRAFICKÝCH PRVKŮ

122. BARVY, KONTRAST A
PÍSMO

123. Pokud si necháváte navrhnout dokument od
grafika, vyberte si takového, který respektuje
specifika digitálního dokumentu, principy
přístupnosti a použitelnosti.
Celá řada grafiků to bohužel nedělá. Můžete se
tak setkat s malým, nekontrastním a obtížně
čitelným písmem, nedostatečně odlišenými
odkazy od okolního textu a dalšími věcmi,
komplikujícími práci s obsahem webu.

128. Pro uživatele je také velmi důležité být
informován o tom, který prvek má právě
focus.
http://poslepu.blogspot.com/2010/06/zvyr
aznujete-odkazy-pri-ovladani-webu-z.html

131. RESPONZIVNÍ DESIGN

142. PŘÍSTUPNOST
DOKUMENTŮ

146. KDY A JAK ZAČÍT

150. Analýza
Vývoj
Provoz
Design
Přístupnost

151. LEGISLATIVA

152. InformaceMultimédia
Aplikace
(webové)
Dokumenty
Web
Formuláře

153. InformaceMultimédia
Aplikace
(webové,
mobilní)
Dokumenty
Web
Formuláře

154. JAK TESTOVAT
PŘÍSTUPNOST

156. KAM DÁL?

162. DOPORUČENÍ
NA
ZÁVĚR

168. DÍLČÍ ŘEŠENÍ NEMUSÍ
DOSTAČOVAT,
POTŘEBNÝ JE FUNKČNÍ
CELÝ SYSTÉM

169. KOMUNIKACE
S ÚŘADEM
(PŘÍKLAD ŘEŠENÍ)

171. Web úřadu
Mobilní aplikace
Komunikační
kanály (e-mail,
telefon…)
Dokumenty
Autorizační
mechanismy
Webové aplikace
Proškolený
personál

172. ČASTO STAČÍ MÁLO

173. KONTAKT
PAVLICEK@TEIRESIAS.MUNI.CZ
@RADLICEK
WWW.POSLEPU.CZ