Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Jak na přístupnost knihovních webů

1,082 views

Published on

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.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Jak na přístupnost knihovních webů

  1. 1. JAK NA PŘÍSTUPNOST KNIHOVNÍCH WEBŮ RADEK PAVLÍČEK STŘEDISKO TEIRESIÁS, MASARYKOVA UNIVERZITA
  2. 2. Tim Berners-Lee
  3. 3. DESIGN PRO VŠECHNY
  4. 4. DNEŠNÍ DOBA JE PRO HANDICAP DOBRÁ
  5. 5. NESAMOSTATNOST, ZÁVISLOST NA POMOCI DRUHÝCH
  6. 6. SAMOSTATNOST
  7. 7. CO JE TO PŘÍSTUPNOST?
  8. 8. JEDNA PŘÍSTUPNOST VLÁDNE VŠEM?
  9. 9. PĚT PILÍŘŮ PŘÍSTUPNOSTI
  10. 10. DOSTUPNOST
  11. 11. OVLADATELNOS T
  12. 12. SROZUMITELNOST
  13. 13. ORIENTACE
  14. 14. ČAS
  15. 15. HTTP://WEBAIM.ORG/BLOG/MOTIVATING-ACCESSIBILITY- CHANGE/
  16. 16. PROČ SE VĚNOVAT PŘÍSTUPNOSTI?
  17. 17. POCIT VINY (NEJHORŠÍ MOTIVÁTOR)
  18. 18. TREST (ŽALOBA)
  19. 19. POŽADAVEK (LEGISLATIVA)
  20. 20. ODMĚNA (Certifikace)
  21. 21. OSVÍCENÍ (Děláme věci přístupné, protože nám to tak dává smysl)
  22. 22. INSPIRACE (Vidíme přímý dopad naší práce na zlepšení života jiných)
  23. 23. PŘÍSTUPNOST JE DŮLEŽITÁ PRO UŽIVATELE
  24. 24. ZNAKOVÝ JAZYK
  25. 25. 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í
  26. 26. SPLNĚNÉ ÚKOLY 0 20 40 60 80 100 120 High a11y Low a11y Control Blind
  27. 27. ČAS High a11y Low a11y 0 50 100 150 200 Blind users Control group
  28. 28. PŘÍSTUP K INFORMACÍM
  29. 29. SAMOSTATNOST
  30. 30. LEPŠÍ UŽIVATELSKÝ PROŽITEK
  31. 31. Analýza Vývoj Provoz Design Přístupnost
  32. 32. Asistivní technologie Rozhraní Kompetence uživatele Obsah
  33. 33. LEGISLATIVA
  34. 34. InformaceMultimédia Aplikace (webové) Dokumenty Web Formuláře
  35. 35. InformaceMultimédia Aplikace (webové, mobilní) Dokumenty Web Formuláře
  36. 36. METODIKY PŘÍSTUPNOSTI
  37. 37. NA CO SE ZAMĚŘIT
  38. 38. STRUKTUROVÁNÍ OBSAHU
  39. 39. http://poslepu.blogspot.com/2010/01/jak-pristupne- strukturovat-web-pomoci.html
  40. 40. NADPISY
  41. 41. <h1> <h2> <h3> <h4> <h5> <h6>
  42. 42. OBLASTI STRÁNKY
  43. 43. 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/
  44. 44. role=„main“ role=„navigation“
  45. 45. OVLADATELNOST Z KLÁVESNICE
  46. 46. TEXTOVÉ ALTERNATIVY GRAFICKÝCH PRVKŮ
  47. 47. PŘÍSTUPNOST UŽIVATELSKY VKLÁDANÉHO OBSAHU
  48. 48. BARVY, KONTRAST A PÍSMO
  49. 49. 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.
  50. 50. RESPONZIVNÍ DESIGN
  51. 51. NÁSTROJE PRO TESTOVÁNÍ PŘÍSTUPNOSTI
  52. 52. Toolbary, rozšíření Online validátory Asistivní technologie
  53. 53. • • 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 •
  54. 54. • • • • HTTP://POSLEPU.BLOGSPOT.COM/2009/07/AUTOMATICKA- KONTROLA-PRISTUPNOSTI.HTML
  55. 55. • • • • HTTP://EWJ.BLINDFRIENDLY.CZ/ • HTTP://EWN.BLINDFRIENDLY.CZ/
  56. 56. https://www.youtube.com/watch?v=cOmehxAU_4s
  57. 57. DOPORUČENÍ NA ZÁVĚR
  58. 58. PŘÍSTUPNOST POMÁHÁ VŠEM
  59. 59. ČASTO STAČÍ MÁLO
  60. 60. PŘÍSTUPNOST JE JEDEN DÍLEK PUZZLE
  61. 61. KAM DÁL?
  62. 62. KONTAKT PAVLICEK@TEIRESIAS.MUNI.CZ @RADLICEK WWW.POSLEPU.CZ

×