Slajdy k prezentaci Jak na přístupnost knihovních webů ze semináře Web knihovny jako nástroj k propagaci služeb a informací, který se uskutečnil v úterý 10. 10. 2017 v Národní technické knihovně v Praze.

1. JAK NA PŘÍSTUPNOST
KNIHOVNÍCH WEBŮ
RADEK PAVLÍČEK
STŘEDISKO TEIRESIÁS, MASARYKOVA UNIVERZITA

2. Tim Berners-Lee

4. DESIGN PRO VŠECHNY

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

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

13. SAMOSTATNOST

17. CO JE TO
PŘÍSTUPNOST?

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

23. PĚT PILÍŘŮ
PŘÍSTUPNOSTI

24. DOSTUPNOST

25. OVLADATELNOS
T

26. SROZUMITELNOST

27. ORIENTACE

28. ČAS

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

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

31. POCIT VINY
(NEJHORŠÍ MOTIVÁTOR)

33. TREST
(ŽALOBA)

34. POŽADAVEK
(LEGISLATIVA)

37. ODMĚNA
(Certifikace)

38. OSVÍCENÍ
(Děláme věci přístupné, protože
nám to tak dává smysl)

39. INSPIRACE
(Vidíme přímý dopad naší práce
na zlepšení života jiných)

41. PŘÍSTUPNOST JE DŮLEŽITÁ PRO
UŽIVATELE

53. ZNAKOVÝ JAZYK

66. ZÁBĚR STUDIE
1 000 titulních
stran
39 000 stránek
celkem
50 uživatelů
s různým typem
postižení
Uživatelské
testování
Automatické
testování

67. SPLNĚNÉ ÚKOLY
0
20
40
60
80
100
120
High a11y Low a11y
Control
Blind

68. ČAS
High a11y
Low a11y
0 50 100 150 200
Blind users
Control group

74. PŘÍSTUP
K INFORMACÍM

75. SAMOSTATNOST

76. LEPŠÍ
UŽIVATELSKÝ
PROŽITEK

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

90. Asistivní
technologie
Rozhraní
Kompetence
uživatele
Obsah

91. LEGISLATIVA

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

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

94. METODIKY
PŘÍSTUPNOSTI

107. NA CO SE
ZAMĚŘIT

108. STRUKTUROVÁNÍ
OBSAHU

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

111. NADPISY

120. <h1>
<h2>
<h3>
<h4>
<h5>
<h6>

121. OBLASTI STRÁNKY

122. 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/

125. role=„main“
role=„navigation“

126. OVLADATELNOST
Z KLÁVESNICE

133. TEXTOVÉ ALTERNATIVY
GRAFICKÝCH PRVKŮ

139. PŘÍSTUPNOST
UŽIVATELSKY
VKLÁDANÉHO
OBSAHU

140. BARVY, KONTRAST A
PÍSMO

141. 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.

146. RESPONZIVNÍ DESIGN

161. NÁSTROJE PRO TESTOVÁNÍ
PŘÍSTUPNOSTI

162. Toolbary,
rozšíření
Online
validátory
Asistivní
technologie

163. •
• HTTP://WWW.PACIELLOGROUP.COM/RESOURCES/WAT-IE-
ABOUT.HTML
• HTTPS://ADDONS.MOZILLA.ORG/CS/FIREFOX/ADDON/WEB-DEVELOPER/
• HTTPS://ADDONS.MOZILLA.ORG/EN-US/FIREFOX/ADDON/HEADINGSMAP/
•
• HTTP://WAVE.WEBAIM.ORG
• HTTP://ACHECKER.CA/CHECKER/INDEX.PHP
• HTTPS://TENON.IO
•

167. •
•
•
• HTTP://POSLEPU.BLOGSPOT.COM/2009/07/AUTOMATICKA-
KONTROLA-PRISTUPNOSTI.HTML

174. •
•
•
• HTTP://EWJ.BLINDFRIENDLY.CZ/
• HTTP://EWN.BLINDFRIENDLY.CZ/

177. https://www.youtube.com/watch?v=cOmehxAU_4s

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

179. PŘÍSTUPNOST POMÁHÁ VŠEM

180. ČASTO STAČÍ MÁLO

181. PŘÍSTUPNOST JE JEDEN DÍLEK PUZZLE

182. KAM DÁL?

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