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

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/ʣ
    /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. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ