すべての人のためのアクセシビリティ対応 #ca11y

9d1961575e45a8286cdde5f86dbba312?s=47 akatsuki174
November 28, 2019

すべての人のためのアクセシビリティ対応 #ca11y

2019/11/28 CA11Y #2 〜iOS/Androidアプリのアクセシビリティ〜

9d1961575e45a8286cdde5f86dbba312?s=128

akatsuki174

November 28, 2019
Tweet

Transcript

  1. ͢΂ͯͷਓͷͨΊͷ ΞΫηγϏϦςΟରԠ CA11Y #2 ʙiOS/AndroidΞϓϦͷΞΫηγϏϦςΟʙ @akatsuki174

  2. ࣗݾ঺հ

  3. • ਢ౻ຘʢ@akatsuki174ʣ • iOS→AndroidΤϯδχΞ • גࣜձࣾTimersॴଐ

  4. • αʔόʔαΠυΤϯδχΞ (PHP, Golang, AWS) • AndroidΤϯδχΞ (Kotlin) • iOSΤϯδχΞ

    (Swift) TimersͰ͸ݱࡏΤϯδχΞશ৬छ࠾༻தʂ
 ৄ͘͠͸”Timers”Ͱݕࡧ
  5. ΞδΣϯμ

  6. • ΞΫηγϏϦςΟͱ͸ • iOS ʹ͓͚ΔΞΫηγϏϦςΟ • Voice Control౳ • ͓໾ཱͪπʔϧ

    • ΞΫηγϏϦςΟରԠΛਐΊΔʹ͸
  7. ͜ͷτʔΫʹ͍ͭͯ

  8. None
  9. ໨త • ΞΫηγϏϦςΟରԠΞϓϦΛ૿΍͢ • AppleͷΞΫηγϏϦςΟରԠͷ͢͝͞Λ ஌ͬͯ΋Β͏ • ΞΫηγϏϦςΟରԠίϫ͘ͳ͍ͱ ࢥͬͯ΋Β͏

  10. ର৅ऀ • ΍Δҙຯ͕ͲΕ͚ͩ͋ΔͷʁͱࢥͬͯΔਓ • Ͳ͏΍ͬͯखΛ෇͚͍͍͔ͯΘ͔Βͳ͍ਓ • iOS ʹ͓͚ΔΞΫηγϏϦςΟͬͯ ͲΜͳ΋ͷ͔஌Γ͍ͨਓ

  11. εϥΠυࢿྉ • ༧໿πΠʔτͰ΋͏ྲྀ͍ͯ͠Δ͸ͣ • ݟʹ͔ͬͨ͘ΒखݩͰݟͯͶ

  12. ձ৔Ξϯέʔτ✋

  13. ڍख͠Α͏✋ • iOSΤϯδχΞʁAndroidΤϯδχΞʁ • ΞΫηγϏϦςΟΛҙࣝͯ͠։ൃͯ͠Δʁ

  14. ΞΫηγϏϦςΟͱ͸

  15. ΞΫηγϏϦςΟͷఆٛ ಛʹ Web αΠτ্ʹ͓͚Δɺ৘ใ΍αʔϏε΁ ͷΞΫηεͷ͠΍͢͞ͷ͜ͱͰ͋Δɻ ߴྸऀ΍ো֐ऀͳͲ΋ؚΊͨ͋ΒΏΔਓ͕ɺɹ ͲͷΑ͏ͳ؀ڥʢ͏Δ͍͞৔ॴ΍ɺ҉͍৔ॴɺ ٯʹ໌Δ͍৔ॴͳͲʣʹ͓͍ͯ΋ॊೈʹɹɹ WebαΠτΛར༻Ͱ͖ΔΑ͏ʹߏங͢Δ͜ͱΛ ߟྀ͢Δ৔߹ʹ࢖ΘΕΔɻʢby

    weblioʣ IUUQTXXXXFCMJPKQDPOUFOUΞΫηγϏϦςΟ
  16. ΞΫηγϏϦςΟ͸୭ͷͨΊʁ • ɿো֐Λ࣋ͭਓ͚ͩͷͨΊ • ɿ͢΂ͯͷਓͷͨΊ

  17. ࣦ໌ ऑࢹ ௿ࢹྗ ৭֮ҟৗ ௌ֮ো֐ ࢹ֮ো֐ ԻΛग़ͤͳ͍ ࡉ͔͍ૢ࡞͕Ͱ͖ͳ͍ ྉཧத ೔ޫͷԼ

    ωοτϫʔΫ͕஗͍ Ի͕ฉ͑͜ʹ͍͘ ࿝؟ ࣗด঱ ը໘ׂ͕ΕͯΔ ࢦΛոզͨ͠ ӡసத
  18. ϢʔβϏϦςΟͱͷҧ͍ • ΞΫηγϏϦςΟ • ೳྗ΍؀ڥʹࠨӈ͞ΕͣɺશϢʔβ͕౳͘͠ ৘ใΛಘΒΕΔ͔ • ϢʔβϏϦςΟ • ΞΫηεͰ͖ͨϢʔβʹର͢Δ࢖͍΍͢͞

  19. ΞΫηγϏϦςΟରԠ ΁ͷޡղ

  20. ର৅ऀͦΜͳ͍ͳ͍ͷͰ͸ʁ

  21. ͦΜͳ͜ͱͳ͍ͧ • ো֐Λ࣋ͨͳ͍ਓ΋ର৅ऀ • ͦ΋ͦ΋ো֐Λ࣋ͭਓ͕ͲΕ͚͍ͩΔ͔ ೺Ѳͯ͠·͔͢ʁ

  22. ࢹ֮ো֐ʢ೔ຊ/2009೥ࠒʣ • 164ສਓʢ18.8 ສਓ͕ࣦ໌ɺ࢒Γ͕ϩʔϏδϣϯʣ • ো֐खாަ෇ऀ͸31ສਓ • ൒਺͸70ࡀҎ্ 2009೥ ೔ຊ؟Պҩձʢhttps://www.gankaikai.or.jp/press/20091115_socialcost.pdfʣ

  23. ৭֮ҟৗʢ೔ຊ/2019೥ࠒʣ • உੑ͸5%ɺঁੑ͸0.2%ʢ700ສਓఔ౓ʣ • ൒਺͘Β͍͕֮ࣗ঱ঢ়ͳ͠ 2019೥ਆಸ઒ݝҩࢣձ http://www.kanagawa.med.or.jp/ibukai/gakkoui/shikikakuijounitsuite201901.pdf

  24. ௌ֮ো֐ऀʢ೔ຊ/2011೥ࠒʣ • ਪఆ1,000ສਓҎ্ • ো֐खாަ෇ऀ͸24ສਓ 2018೥จ෦Պֶল http://www.mext.go.jp/b_menu/shingi/chousa/shougai/041/shiryo/ __icsFiles/afieldfile/2018/06/21/1406219_2.pdf

  25. ͭ·Γ • ʢεϚϗ࢖Θͳ͍ਓ͕͍Δͱݴ͑Ͳ΋ʣ ͔ͳΓଟ͘ͷਓྨ͕ର৅ऀʹͳΔ͸ͣ

  26. ΊΜͲͦ͘͞͏ / େมͦ͏

  27. ͦΜͳ͜ͱͳ͍ͧ • ͦ΋ͦ΋׬ᘳʹ΍Ζ͏ͱྗ·ͳ͍͍ͯ͘ • σϑΥϧτͰ΋͋Δఔ౓ࣗಈରԠ͞Ε͍ͯΔ • Swift UI ͷొ৔ʹΑͬͯରԠ͕ΑΓָʹͳΔ

  28. ΈΜͳ࢖ͬͯ͘Εͳͦ͞͏

  29. ͨͩͷໝ૝͔΋ʁ • ࣮૷Λ͢Δࣗ෼ࣗ਎͕ΞΫηγϏϦςΟͷ ԸܙΛཧղ͍ͯ͠Δʁ • ཧղͯ͠ݴ༿ʹ͢Ε͹ɺͦͷ੠͕Ϣʔβʹ΋ ಧ͍ͯ࢖ͬͯ΋Β͑ΔͷͰ͸ʁ

  30. ଟݴޠରԠ͸͢Δͷʹ ΞΫηγϏϦςΟରԠ͸ ͠ͳ͍ΜͰ͔͢ʁ

  31. iOSͷ ΞΫηγϏϦςΟػೳ

  32. AssistiveTouch

  33. None
  34. AssistiveTouch • ը໘ϩοΫ / Իྔ૿ݮ / εΫγϣ / ը໘ϩοΫ ͳͲΛγϣʔτΧοτԽͰ͖Δ

  35. ৭Λ൓స

  36. ৭Λ൓స • എܠΛ҉ͨ͘͠ํ͕ݟ΍͍͢৔߹ʹઃఆ͢Δ ͱྑ͍ • εϚʔτɺΫϥγοΫͷ2छྨ͕͋Δ

  37. ৭Λ൓స

  38. εϚʔτ

  39. ΫϥγοΫ

  40. ಁ໌౓ΛԼ͛Δ

  41. ಁ໌౓ΛԼ͛Δ • จࣈ͕ಡΈ΍͍͢Α͏ʹɺಁա΍΅͔͠ͷ ౓߹͍Λܰݮͯ͠ίϯτϥετΛௐ੔

  42. None
  43. None
  44. Voice Control ͷ࿩Λ ฉ͍ͯ͘Ε

  45. Voice Control ͱ͸ • Ի੠Ͱ୺຤ૢ࡞͕Ͱ͖Δ • Siri ͱҟͳΓɺΦϑϥΠϯͰ΋࢖༻Մೳ • ࠓ·Ͱ΋࢖͕͑ͨɺݶఆత

  46. ࠓ·Ͱ

  47. iOS 13 ʙ • ͍͢͝ • Ի੠ίϚϯυ͕ॆ࣮ • ͔ͳΓଟ͘ͷૢ࡞͕Ի੠Ͱ࣮ݱͰ͖Δ •

    ͍͢͝
  48. Voice ControlΛ Φϯʹ͢Δʹ͸

  49. None
  50. ݱࡏӳޠͷΈ

  51. Voice ControlͰ Ͱ͖Δ͜ͱ

  52. ΞϓϦΛ։͘ Open [app name]

  53. ൣғ͔Βબ୒ Show grid Tap [number]

  54. ൪߸͔Βબ୒ Show numbers Tap [number]

  55. ໊લ͔Βબ୒ Show names Tap [name]

  56. ࣗࡱΓͩͬͯͰ͖Δ

  57. Voice Controlͷݒ೦

  58. ݒ೦ʢະݕূʣ • ೔ৗձ࿩ʹ൓Ԡͯ͠͠·͏ͷͰ͸ʁ • ଞਓͷ੠ʹ൓Ԡͯ͠͠·ͬͨΓ͠ͳ͍ʁ • ӅΕσόοάϘλϯ͕ݟ͑ͯ͠·͏͔΋ʁ

  59. Swift UIͰࣗಈ ΞΫηγϏϦςΟରԠ

  60. ΞΫηγϏϦςΟରԠ͢Δͱ • VoiceOverͰಡΈ্͛ͯ͘ΕΔ • Voice ControlͰname͕දࣔ͞ΕΔ

  61. ࣗಈͰָνϯରԠ

  62. Accessibility in SwiftUI ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ ࣗಈͰϥϕϦϯά

  63. ରԠ͕ඞཁͳྫ

  64. Accessibility in SwiftUI ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ $IFDLNBSL(MZQI

  65. Accessibility in SwiftUI ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ 4JHOVQ$PNQMFUF

  66. Accessibility in SwiftUI ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ /PUMBOE

  67. Accessibility in SwiftUI ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ Θ͔Γ΍͍͢ ϥϕϧΛ෇͚Δ

  68. ΞΫηγϒϧσβΠϯʹ ໾ཱͭπʔϧ

  69. Accessibility Inspector

  70. Accessibility Inspector • Xcode͔Βݺͼग़ͤΔπʔϧ • ΞΫηγϏϦςΟ্ͷ໰୊఺ΛҰཡͰ ग़ͯ͘͠ΕΔ • ϦΞϧλΠϜͰ֬ೝͰ͖Δ

  71. Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ

  72. Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ

  73. Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ

  74. Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ

  75. Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ

  76. Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ

  77. Accessibility Inspector ϝχϡʔόʔ 8JOEPX 4IPX$PMPS $POUSBTU$BMDVMBUPS Accessibility Inspector https://developer.apple.com/ videos/play/wwdc2019/257/

  78. ศརͳΞϓϦ

  79. Chromatic Vision Simulator https://apps.apple.com/jp/app/chromatic-vision-simulator/id389310222?l=ja

  80. ΞΫηγϏϦςΟରԠΛ ਐΊΔʹ͸

  81. ରԠ͕ඞཁͳՕॴΛݟ͚ͭΔ • Accessibility Inspector Λ࢖ͬͨΓ ࣗ෼Ͱૢ࡞ͯ͠ରԠ͕ඞཁͳՕॴΛᖰΓग़͢

  82. σβΠφʔʹڞ༗͢Δ • Human Interface Guidelines ʹ΋ ΞΫηγϏϦςΟ߲໨͸ࡌͬͯΔ΋ͷͷɺ ࡉ͔͍͜ͱ͸Θ͔Βͳ͍ • ٕज़తʹͲΜͳ͜ͱ͕Ͱ͖Δͷ͔ɺ

    ԿʹؾΛ͚ͭͨΒ͍͍ͷ͔Λڞ༗͢Δ
  83. ࣾ಺ͷཧղΛಘΔ • ΞΫηγϏϦςΟͷࣾ಺ษڧձΛ։࠵͢Δ • ΞΫηγϏϦςΟରԠΛ͢Δ͜ͱʹΑΔ ϢʔβମݧͷมԽʹ͍ͭͯ఻͑Δ

  84. ੵۃతʹඪ४෦඼Λ࢖͏ • ઃఆͷมԽʹࣗಈͰదԠͤ͞Δ͜ͱ͕Ͱ͖ɺ ख͕͔͔ؒΒͳ͍

  85. श׳Խ͢Δ • ʮຖ݄ୈҰ݄༵͸ΞΫηγϏϦςΟରԠͷ೔ʯ • ϦϦʔεલͷνΣοΫϑϩʔʹ૊ΈࠐΉ

  86. ·ͱΊ

  87. ·ͱΊ • ΞΫηγϏϦςΟରԠ͸ಛఆͷΞϓϦ͚ͩͷ ࿩Ͱ͸ͳ͍ • ศརͳπʔϧΛ࢖͍ͭͭɺΞΫηγϒϧͳ σβΠϯʹ͠Α͏ • ͪΐͬͱͣͭɺiOS ͷΞΫηγϏϦςΟػೳʹ

    ରԠ͍ͯ͜͠͏
  88. ࢀߟจݙ

  89. • Designing for Accessibility • https://events.google.com/io/schedule/events/ 2dff8754-7168-4895-a623-b6a842c64906 • Accessibility Programming

    Guide for iOS • https://developer.apple.com/library/archive/ documentation/UserExperience/Conceptual/ iPhoneAccessibility/Introduction/Introduction.html • Accessibility for Developers • https://developer.apple.com/accessibility/
  90. • Verifying App Accessibility on iOS • https://developer.apple.com/library/archive/ technotes/TestingAccessibilityOfiOSApps/ TestingtheAccessibilityofiOSApps/

    TestingtheAccessibilityofiOSApps.html#//apple_ref/ doc/uid/TP40012619-CH2-SW2 • Accessibility on iOS • https://developer.apple.com/accessibility/ios/
  91. • Accessibility in SwiftUI • https://developer.apple.com/videos/play/ wwdc2019/238/

  92. ؔ࿈هࣄ

  93. • [HIG] ΞΫηγϏϦςΟ - ΠϯτϩμΫγϣϯ • https://qiita.com/akatsuki174/items/ 6f20810e320807bfdeb6 • [HIG]

    ΞΫηγϏϦςΟ - ϕετϓϥΫςΟε • https://qiita.com/akatsuki174/items/ 96774d0998e70bef3b94 • [HIG] ΞΫηγϏϦςΟ - ϢʔβΠϯλϥΫγϣϯ • https://qiita.com/akatsuki174/items/ 0d1cb8c9ca44edf4391f
  94. • [HIG] ΞΫηγϏϦςΟ - φϏήʔγϣϯ • https://qiita.com/akatsuki174/items/ 89b72581f5360bc381ed • [HIG]

    ΞΫηγϏϦςΟ - ςΩεταΠζͱ΢ΣΠτ • https://qiita.com/akatsuki174/items/ 40dd872aa004a7c6d217 • [HIG] ΞΫηγϏϦςΟ - ৭ͱίϯτϥετ • https://qiita.com/akatsuki174/items/ 4b7a7758a809211a0658
  95. • [HIG] ΞΫηγϏϦςΟ - ࢹ֮ޮՌͱϞʔγϣϯ • https://qiita.com/akatsuki174/items/ fc7bf850e1edaa49489c • [HIG]

    ΞΫηγϏϦςΟ - ίϯςϯπ • https://qiita.com/akatsuki174/items/ e38f23c92c18257dbd31 • Xcode 11 ͷ Accessibility Inspector ͕ͱͯ΋ศར • https://qiita.com/akatsuki174/items/ 6a223bb6529c55bfe343
  96. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ