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.

Digitální design bez bariér

2,217 views

Published on

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.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Digitální design bez bariér

  1. 1. DIGITÁLNÍ DESIGN BEZ BARIÉR RADEK PAVLÍČEK, STŘEDISKO TEIRESIÁS MASARYKOVY UNIVERZITY
  2. 2. DESIGN PRO VŠECHNY
  3. 3. PROČ SE O TÉTO TÉMATICE BUDEME BAVIT?
  4. 4. HODNĚ PRÁCE JE NA NÁS
  5. 5. DNEŠNÍ DOBA JE PRO HANDICAP DOBRÁ
  6. 6. NESAMOSTATNOST, ZÁVISLOST NA POMOCI DRUHÝCH
  7. 7. SAMOSTATNOST
  8. 8. SVĚT NENÍ DOKONALE PŘÍSTUPNÝ
  9. 9. TECHNOLOGIE HODNĚ POMÁHAJÍ, ALE BEZ PŘÍSTUPNÉHO PROSTŘEDÍ A SYSTÉMU TO NEPŮJDE
  10. 10. „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í>“
  11. 11. CO JE TO PŘÍSTUPNOST?
  12. 12. JEDNA PŘÍSTUPNOST VLÁDNE VŠEM?
  13. 13. PROČ SE VĚNOVAT PŘÍSTUPNOSTI ?
  14. 14. HTTP://WEBAIM.ORG/BLOG/MOTIVATING-ACCESSIBILITY- CHANGE/
  15. 15. SPECIFICKÁ ŘEŠENÍ PRO ÚZKOU CÍLOVKU
  16. 16. ZNAKOVÝ JAZYK
  17. 17. V PŘÍSTUPNÉM PROSTŘEDÍ SE SNÁZE ŽIJE KOMUKOLIV
  18. 18. PŘÍKLAD
  19. 19. DOPAD ZRAKOVÉHO POSTIŽENÍ NA BĚŽNÝ ŽIVOT
  20. 20. ~ 80 % INFORMACÍ VNÍMÁME ZRAKEM
  21. 21. CHYBĚJÍCÍ KONTEXT
  22. 22. Zdroj obrázků: National Eye Institute, National Institutes of Health
  23. 23. SEKVENČNÍ PROCHÁZENÍ
  24. 24. NE INTUITIVNÍ, ALE „ANALYTICKÁ“ PRÁCE
  25. 25. INFORMACE V TEXTOVÉ PODOBĚ
  26. 26. PŘÍSTUPNOST Z KLÁVESNICE
  27. 27. NASTAVENÍ PROSTŘEDÍ NA MÍRU SVÝM POTŘEBÁM
  28. 28. PROPOJENÍ PŘÍSTUPNOSTI FYZICKÉHO A DIGITÁLNÍHO PROSTORU
  29. 29. HAPTICKÉ MAPY (HAPTICKE.MAPY.CZ)
  30. 30. PROPOJENÍ FYZICKÉHO A VIRTUÁLNÍHO SVĚTA
  31. 31. SYSTEMATICKÉ ŘEŠENÍ
  32. 32. VEŘEJNĚ DOSTUPNÉ NA ADRESE, KTEROU KAŽDÝ ZNÁ
  33. 33. VÝSLEDEK SPOLUPRÁCE AKADEMICKÉ A KOMERČNÍ SFÉRY
  34. 34. DOSTUPNOST MAP PRO NEVIDOMÉ UŽIVATELE
  35. 35. NA CO SE ZAMĚŘIT
  36. 36. STRUKTUROVÁNÍ OBSAHU
  37. 37. http://poslepu.blogspot.com/2010/01/jak-pristupne- strukturovat-web-pomoci.html
  38. 38. NADPISY
  39. 39. OBLASTI STRÁNKY
  40. 40. 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/
  41. 41. ROLE=„MAIN“ ROLE=„NAVIGATION“ …
  42. 42. OVLADATELNOST Z KLÁVESNICE
  43. 43. TEXTOVÉ ALTERNATIVY GRAFICKÝCH PRVKŮ
  44. 44. BARVY, KONTRAST A PÍSMO
  45. 45. 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.
  46. 46. 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
  47. 47. RESPONZIVNÍ DESIGN
  48. 48. PŘÍSTUPNOST DOKUMENTŮ
  49. 49. KDY A JAK ZAČÍT
  50. 50. Analýza Vývoj Provoz Design Přístupnost
  51. 51. LEGISLATIVA
  52. 52. InformaceMultimédia Aplikace (webové) Dokumenty Web Formuláře
  53. 53. InformaceMultimédia Aplikace (webové, mobilní) Dokumenty Web Formuláře
  54. 54. JAK TESTOVAT PŘÍSTUPNOST
  55. 55. KAM DÁL?
  56. 56. DOPORUČENÍ NA ZÁVĚR
  57. 57. DÍLČÍ ŘEŠENÍ NEMUSÍ DOSTAČOVAT, POTŘEBNÝ JE FUNKČNÍ CELÝ SYSTÉM
  58. 58. KOMUNIKACE S ÚŘADEM (PŘÍKLAD ŘEŠENÍ)
  59. 59. Web úřadu Mobilní aplikace Komunikační kanály (e-mail, telefon…) Dokumenty Autorizační mechanismy Webové aplikace Proškolený personál
  60. 60. ČASTO STAČÍ MÁLO
  61. 61. KONTAKT PAVLICEK@TEIRESIAS.MUNI.CZ @RADLICEK WWW.POSLEPU.CZ

×