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

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

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. ͜ͷτʔΫʹ͍ͭͯ
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
34. AssistiveTouch • ը໘ϩοΫ / Իྔ૿ݮ / εΫγϣ / ը໘ϩοΫ ͳͲΛγϣʔτΧοτԽͰ͖Δ
35. ৭Λ൓స
36. ৭Λ൓స • എܠΛ҉ͨ͘͠ํ͕ݟ΍͍͢৔߹ʹઃఆ͢Δ ͱྑ͍ • εϚʔτɺΫϥγοΫͷ2छྨ͕͋Δ
37. ৭Λ൓స
38. εϚʔτ
39. ΫϥγοΫ
40. ಁ໌౓ΛԼ͛Δ
41. ಁ໌౓ΛԼ͛Δ • จࣈ͕ಡΈ΍͍͢Α͏ʹɺಁա΍΅͔͠ͷ ౓߹͍Λܰݮͯ͠ίϯτϥετΛௐ੔
44. Voice Control ͷ࿩Λ ฉ͍ͯ͘Ε
45. Voice Control ͱ͸ • Ի੠Ͱ୺຤ૢ࡞͕Ͱ͖Δ • Siri ͱҟͳΓɺΦϑϥΠϯͰ΋࢖༻Մೳ • ࠓ·Ͱ΋࢖͕͑ͨɺݶఆత
46. ࠓ·Ͱ
47. iOS 13 ʙ • ͍͢͝ • Ի੠ίϚϯυ͕ॆ࣮ • ͔ͳΓଟ͘ͷૢ࡞͕Ի੠Ͱ࣮ݱͰ͖Δ • ͍͢͝
48. Voice ControlΛ Φϯʹ͢Δʹ͸
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/ʣ
    /PU
    MBOE
    
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. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ