Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

akatsuki174
September 07, 2019

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

iOSDC Japan 2019 すべての人のためのアクセシビリティ対応【省略版】

akatsuki174

September 07, 2019
Tweet

More Decks by akatsuki174

Other Decks in Technology

Transcript

  1. ͢΂ͯͷਓͷͨΊͷ
    ΞΫηγϏϦςΟରԠ
    iOSDC Japan 2019 day2
    @akatsuki174

    View full-size slide

  2. • ਢ౻ຘʢ@akatsuki174ʣ
    • iOSΤϯδχΞ
    • iOSDC Japan 2019 ίΞελοϑ
    ࢹೝੑΞοϓ
    ʙ2019/08/14 2019/08/14ʙ

    View full-size slide

  3. • ΞΫηγϏϦςΟͱ͸
    • ΞΫηγϏϦςΟʹ഑ྀͨ͠σβΠϯ
    • iOS ʹ͓͚ΔΞΫηγϏϦςΟ
    • Siri γϣʔτΧοτ
    • VoiceOver͋
    • Voice Control͋
    • ΞΫηγϏϦςΟରԠΛਐΊΔʹ͸

    View full-size slide

  4. ͜ͷτʔΫʹ͍ͭͯ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  7. εϥΠυࢿྉ
    • ༧໿πΠʔτͰ #iosdc #e Λ෇͚ͯ΋͏
    ྲྀ͍ͯ͠Δ͸ͣ
    • ݟʹ͔ͬͨ͘ΒखݩͰͪ͜ΒͷࢿྉΛ
    • ͨͿΜૣޱͳͷͰ෮श༻ʹ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  11. ࣦ໌
    ऑࢹ
    ௿ࢹྗ
    ৭֮ҟৗ
    ௌ֮ো֐
    ࢹ֮ো֐
    ԻΛग़ͤͳ͍
    ࡉ͔͍ૢ࡞͕Ͱ͖ͳ͍
    ྉཧத
    ೔ޫͷԼ
    ωοτϫʔΫ͕஗͍
    Ի͕ฉ͑͜ʹ͍͘
    ࿝؟
    ࣗด঱
    ը໘ׂ͕ΕͯΔ
    ࢦΛոզͨ͠
    ӡసத

    View full-size slide

  12. ϢʔβϏϦςΟͱͷҧ͍
    • ΞΫηγϏϦςΟ
    • ೳྗ΍؀ڥʹࠨӈ͞ΕͣɺશϢʔβ͕౳͘͠
    ৘ใΛಘΒΕΔ͔
    • ϢʔβϏϦςΟ
    • ΞΫηεͰ͖ͨϢʔβʹର͢Δ࢖͍΍͢͞

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  16. Q. ࢹ֮ো֐ɺ৭֮ҟৗͷਓޱ
    1. 100ສਓ
    2. 850ສਓ
    3. 1,250ສਓ

    View full-size slide

  17. Q. ࢹ֮ো֐ɺ৭֮ҟৗͷਓޱ
    1. 100ສਓ
    2. 850ສਓ
    3. 1,250ສਓ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  20. ௌ֮ো֐ऀʢ೔ຊ/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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  28. ζʔϜػೳ
    • ը໘ͷҰ෦Λ֦େͰ͖Δ
    • 3ຊࢦͰૢ࡞͢Δ

    View full-size slide

  29. AssistiveTouch

    View full-size slide

  30. AssistiveTouch
    • ը໘ϩοΫ / Իྔ૿ݮ / εΫγϣ / ը໘ϩοΫ
    ͳͲΛγϣʔτΧοτԽͰ͖Δ
    • ୺຤ʹΑͬͯબ୒ࢶ͕มΘΔ
    • 3D Touchͷ༗ແ ͳͲ

    View full-size slide

  31. LEDϑϥογϡ

    View full-size slide

  32. LEDϑϥογϡ
    • ి࿩ண৴΍ͦͷଞ௨஌͕͋ͬͨ࣌ʹ
    ຊମഎ໘ͷϑϥογϡΛ఺໓͓ͤͯ͞஌Βͤ

    View full-size slide

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

    View full-size slide

  34. ͜ͷޙৄ͘͠

    View full-size slide

  35. ͜ͷ͋ͱৄ͘͠
    • Dynamic Type / Large Text
    • VoiceOver
    • Voice Control

    View full-size slide

  36. ΞΫηγϏϦςΟʹ
    ഑ྀͨ͠σβΠϯ

    View full-size slide

  37. λοϓྖҬͷௐ੔
    • 44 x 44 pt Ҏ্ͷλοϓྖҬΛ֬อ͢Δ
    • ཁૉΛີूͤ͞ͳ͍
    • ϢʔβϏϦςΟ؍఺ͱͯ͠΋ॏཁ

    View full-size slide

  38. ݟͨ໨ʹཔΓ͗͢ͳ͍
    • ৭ʴԼઢͰϦϯΫͰ͋Δ͜ͱΛද͢
    • ৭ʴܗͰ৭ͷ۠ผ͕෇͔ͳͯ͘΋ྑ͍ঢ়ଶʹ
    • ● ΦϯϥΠϯ / ■ ΦϑϥΠϯ
    • ࢹ֮දݱʴԻͰॲཧͷ׬ྃΛද͢

    View full-size slide

  39. ίϯτϥετΛ͸͖ͬΓͤ͞Δ
    • ਪ঑͸7ɿ1Ҏ্
    Color and Contrast - Accessibility - Human Interface Guidelines
    ʢhttps://developer.apple.com/design/human-interface-guidelines/accessibility/overview/
    color-and-contrast/ʣ

    View full-size slide

  40. ۃྗจࣈΛը૾ʹ͠ͳ͍
    • ը૾ͩͱઃఆΞϓϦͰจࣈαΠζΛ
    มߋͯ͠΋֦େ͞Εͳ͍
    • ը૾͕ಡΈࠐΊͳ͔ͬͨ࣌ʹಡΊͳ͍

    View full-size slide

  41. ελΠϧʹҰ؏ੑΛ࣋ͨͤΔ
    • Ξϥʔτ಺ͷߠఆ/൱ఆϘλϯͷҐஔ͸
    ΞϓϦ಺ͰҰ؏͍ͯ͠Δঢ়ଶʹ

    View full-size slide

  42. રޫΛ൐͏දݱΛආ͚Δ
    • ڧ͍ޫ͕఺໓͢Δදݱ͸΍ΊΔ
    • ಠࣗίϯςϯπͰ͸഑ྀͯͯ͠΋ɺ
    ޿ࠂ͕఺໓දݱΛ࢖͍ͬͯΔՄೳੑ΋…ʁ

    View full-size slide

  43. ΞΫηγϒϧͳσβΠϯ࡞Γ
    Λॿ͚ΔϞϊ

    View full-size slide

  44. Accessibility Inspector

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  53. Dynamic Type

    View full-size slide

  54. Dynamic Typeͱ͸
    • iOS 7 ͔Β࢖༻Մೳ
    • ઃఆΞϓϦͰจࣈͷେ͖͞Λઃఆ͢Δͱ
    ࣗಈͰจࣈͷେ͖͞ɺߦؒΛௐ੔ͯ͘͠ΕΔ

    View full-size slide

  55. Dynamic Type ઃఆํ๏

    View full-size slide

  56. Large Textઃఆํ๏

    View full-size slide

  57. ΍Δ΂͖͜ͱ
    • Text Style Λઃఆ͢Δ
    • adjustsFontForContentSizeCategory
    ʢiOS 10 Ҏ্ʣΛtrueʹ͢Δ
    • ઃఆΞϓϦͰมߋͨ࣌͠ʹࣗಈͰαΠζ
    มߋ͕ߦΘΕΔ

    View full-size slide

  58. Storyboardͷ৔߹

    View full-size slide

  59. Storyboardͷ৔߹

    View full-size slide

  60. ίʔυͷ৔߹

    View full-size slide

  61. ϦΞϧλΠϜ֬ೝ
    Visual Design and Accessibility
    ʢhttps://developer.apple.com/videos/
    play/wwdc2019/244/ʣ

    View full-size slide

  62. จࣈ͸Ͱ͖͚ͨͲը૾͸…
    Կ΋͠ͳ͍ͱจࣈ͚ͩେ͖͘ͳͬͯ͠·͏

    View full-size slide

  63. ը૾΋େ͖͘͢Δʹ͸
    • adjustsImageSizeForAccessibilityContentSize
    CategoryʢiOS 11Ҏ্ʣΛ true ʹ͢Δ
    • ը૾αΠζ΋େ͖͘Ͱ͖Δ

    View full-size slide

  64. ը૾΋େ͖͘͢Δʹ͸

    View full-size slide

  65. ը૾΋େ͖͘͢Δʹ͸

    View full-size slide

  66. ը૾΋େ͖͘ͳͬͨ

    View full-size slide

  67. ※Dynamic Typeͱ
    ϨΠΞ΢τ

    View full-size slide

  68. ҙࣝ͢Δ͜ͱ
    • ϑΥϯταΠζΛ֦େ͍ͨͤ͠ͰςΩετ͕
    ੾ΓࣺͯΒΕͳ͍Α͏ʹ͢Δ
    • ϑΥϯταΠζͷ֦େͱͱ΋ʹɺ
    άϦϑαΠζ΋্͛Δ

    View full-size slide

  69. ࠷େϑΥϯταΠζͷࢦఆ
    • UI ͕େ่͖͘ΕΔͷΛ๷͙ͨΊʹ
    UIFontMetrics Λ࢖ͬͯ࠷େϑΥϯταΠζΛ
    ࢦఆ͢Δ͜ͱ͕Ͱ͖Δ

    View full-size slide

  70. ࠷େϑΥϯταΠζͷࢦఆ

    View full-size slide

  71. UITableViewCellͷߴ͞
    • ߴ͕͞ݻఆͩͱจࣈྔ͕গͳ͘ͳͬͨΓɺ
    UI่Ε͕ൃੜͨ͠Γ͢Δ
    • Ͱ͖Δ͚ͩγεςϜͷࣗಈܭࢉʹ೚ͤΔ
    • tableView.estimatedRowHeight
    • UITableView.automaticDimension

    View full-size slide

  72. ʮݟ͑ํʯͷνΣοΫπʔϧ

    View full-size slide

  73. ColorTester
    https://alfasado.net/apps/colortester-ja.html

    View full-size slide

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

    View full-size slide

  75. ΞΫηγϏϦςΟɾΧϥʔɾϗΠʔϧ
    https://gmazzocato.altervista.org/ja/colorwheel/wheel.php

    View full-size slide

  76. Siri ͷݱঢ়

    View full-size slide

  77. Siri ͷྺ࢙
    • 2011೥ʢiPhone 4SʣɿSiri ొ৔
    • 2012೥ɿ೔ຊޠʹରԠ
    • 2016೥ʢiOS 10ʣɿSiriKit ొ৔
    • 2018೥ʢiOS 12ʣɿSiri γϣʔτΧοτొ৔

    View full-size slide

  78. Ξϯέʔτ
    • Siri Λ࢖ͬͨ͜ͱ͕͋Δਓ
    • Siri Λ೔ৗతʹ࢖͍ͬͯΔਓ
    • εϚʔτεϐʔΧʔΛ೔ৗతʹ࢖͍ͬͯΔਓ

    View full-size slide

  79. Ի੠ೝࣝػೳ͸ར༻͞ΕͯΔʁ
    ҙ֎ͳศརϫβ΋ʂ SiriϢʔβʔ1,000ਓʹฉ͍ͨར༻γʔϯͱ࢖͍ํ
    ʢhttps://time-space.kddi.com/mobile/20180830/2420ʣ

    View full-size slide

  80. Ի੠ೝࣝػೳ͸ར༻͞ΕͯΔʁ
    ҙ֎ͳศརϫβ΋ʂ SiriϢʔβʔ1,000ਓʹฉ͍ͨར༻γʔϯͱ࢖͍ํ
    ʢhttps://time-space.kddi.com/mobile/20180830/2420ʣ

    View full-size slide

  81. εϚʔτεϐʔΧʔ͸ʁ
    ΞϝϦΧͰ͸੒ਓͷ1/4Ҏ্͕εϚʔτεϐʔΧʔΛॴ༗ɺ೔ຊͰ͸ʁ
    https://jp.techcrunch.com/2019/03/11/over-a-quarter-of-u-s-adults-now-own-a-smart-speaker/

    View full-size slide

  82. Siri γϣʔτΧοτ

    View full-size slide

  83. Ξϯέʔτ
    • Siri γϣʔτΧοτΛ࢖ͬͨ͜ͱ͕͋Δਓ
    • Siri γϣʔτΧοτΛ೔ৗతʹ࢖͍ͬͯΔਓ
    • Siri γϣʔτΧοτͷίʔυΛݟͨ/ॻ͍ͨਓ

    View full-size slide

  84. Siri γϣʔτΧοτͱ͸
    • Siri ʹ࿩͔͚࣮ͯ͠ߦ͢ΔϚΫϩͷΑ͏ͳ΋ͷ
    • ෳ਺ΞϓϦʹ·͕ͨͬͨૢ࡞΋Մೳ
    • γϣʔτΧοτΞϓϦͰ΋௥Ճɺฤू͕Մೳ
    • iOS 12 Ҏ߱Ͱ࢖༻Մೳ

    View full-size slide

  85. γϣʔτΧοτΞϓϦ

    View full-size slide

  86. SiriγϣʔτΧοτͷྫ

    View full-size slide

  87. ଞͷγϣʔτΧοτྫ
    • ը໘ͷ໌Δܰ͞ݮɺফԻͳͲͷઃఆΛҰؾʹ
    ࣮ߦ
    • ಛఆϓϨΠϦετΛϫϯλοϓͰ࠶ੜ
    • ࠷৽ͷࣸਅΛఴ෇ͯ͠πΠʔτ४උ

    View full-size slide

  88. SiriγϣʔτΧοτͷ
    ࡞Γํ

    View full-size slide

  89. ΍Δ͜ͱ
    • γϣʔτΧοτΛఆٛ
    • Կ͔Λ͢ΔͨͼʹγεςϜʹใࠂ
    • SiriͷαδΣετ࠷దԽͷͨΊ
    • ࣮ࡍͷॲཧΛ૸ΒͤΔ

    View full-size slide

  90. ྑ͍γϣʔτΧοτͱ͸
    • ΞϓϦͷओཁػೳʹૉૣ΍͘ΞΫηεͰ͖Δ
    • Ϣʔβ͕Կ౓΋࢖͏Α͏ͳॲཧ
    • ৚݅ʹΑΒ͍ͣͭͰ΋࣮ߦͰ͖Δ

    View full-size slide

  91. γϣʔτΧοτ API
    • NSUserActivity
    • Կ͔Λ։͘ͳͲɺ୯७ͳγϣʔτΧοτΛ
    αΫοͱ࡞ΕΔ
    • Intents
    • ΞϓϦΛىಈͤͣʹ࢖͑Δ
    • ΧελϜͷԻ੠΍UIΛೖΕΒΕΔ

    View full-size slide

  92. NSUserActivityͷ৔߹

    View full-size slide

  93. NSUserActivityͷ৔߹

    View full-size slide

  94. NSUserActivityͷ৔߹

    View full-size slide

  95. Intentsͷ৔߹

    View full-size slide

  96. Intentsͷ৔߹

    View full-size slide

  97. Intentsͷ৔߹

    View full-size slide

  98. Intentsͷ৔߹

    View full-size slide

  99. Intentsͷ৔߹

    View full-size slide

  100. VoiceOverରԠ

    View full-size slide

  101. VoiceOverͱ͸
    • AppleσόΠεʹ಺ଂ͞Ε͍ͯΔ
    εΫϦʔϯϦʔμʔ

    View full-size slide

  102. VoiceOverͷ࢖͍ํ

    View full-size slide

  103. VoiceOverΛONʹ͢Δʹ͸

    View full-size slide

  104. VoiceOverରԠ͕
    ඞཁͳ৔໘

    View full-size slide

  105. Կ΋खΛՃ͑ͳͯ͘΋
    • جຊతͳ UIKit ෦඼͸σϑΥϧτͰ৘ใ͕
    ෇༩͞Ε͍ͯΔ
    • UILabel ͳͲ͸ͦͷ··ಡΈ্͛ΒΕΔ

    View full-size slide

  106. ରԠ͕ඞཁ
    • CALayer ΍ OpenGL Λ࢖͍ͬͯΔ
    • ҙਤͨ͠ಡΈํͰ͸ͳ͍
    • km/hʢ͖ΖΊʔͱΔ͢Βͬ͠Ύ͍͑ͪʣ
    • ը૾ͷΞΫηγϏϦςΟϥϕϧ

    View full-size slide

  107. جຊతͳ஌ࣝͱରԠ

    View full-size slide

  108. ͜Ε͔Βग़ͯ͘ΔϓϩύςΟ
    • isAccessibilityElement
    • value / accessibilityLabel / accessibilityTraits /
    accessibilityHint
    • [Value] [Label] [Trait] [Hint]ͷॱͰಡ·ΕΔ

    View full-size slide

  109. isAccessibilityElement
    • ΞΫηγϏϦςΟࢧԉٕज़͕ΞΫηεՄೳͳ
    ཁૉ͔Ͳ͏͔Λද͢
    • ಡΈ্͛ͯ΄͍͠৔߹͸trueʹ

    View full-size slide

  110. isAccessibilityElement
    • αϒϏϡʔ͕͋Δ৔߹ɺ਌͕trueͰ͋Ε͹
    ࢠʹΧʔιϧ͸౰ͨΒͳ͍

    View full-size slide

  111. ϥϕϧ
    ϥϕϧ
    USVF
    ϥϕϧ
    ϥϕϧ
    ʜʜʜ
    GBMTF
    ϥϕϧ
    ϥϕϧ

    View full-size slide

  112. Value
    • ཁૉͷݱࡏͷ஋
    • ϘϦϡʔϜεϥΠμʔͷ৔߹ɺ
    label͸ʮϘϦϡʔϜʯɺ
    value͸ϘϦϡʔϜϨϕϧ

    View full-size slide

  113. accessibilityLabel
    • VoiceOver ରԠͷཁ
    • VoiceOver ΍ଞͷΞΫηγϏϦςΟࢧԉٕज़
    ʹಡΈऔΒΕΔ஋
    • σϑΥϧτͰ΋͋Δఔ౓ࢦఆ͞Ε͍ͯΔ

    View full-size slide

  114. accessibilityTraits
    • ಛੑΛද͢
    • ཁૉͷঢ়ଶɺಈ࡞ɺ࣮ߦՄೳͳৼΔ෣͍ͳͲ
    • UIButton ͳΒ buttonɺUIDatePicker ͳΒ
    adjustableɺબ୒ঢ়ଶͳΒ selected ͳͲ

    View full-size slide

  115. accessibilityHint
    • ͋ΔΞΫηγϏϦςΟཁૉ͕ԿΛ͢Δͷ͔ɺ
    Կ͕Ͱ͖Δͷ͔Λิ଍આ໌
    • ʮදࣔ͢Δʹ͸μϒϧλοϓʯͳͲ
    • Label ͚ͩͰཧղͰ͖ΔͷͰ͋Ε͹ෆཁ

    View full-size slide

  116. άϧʔϐϯά

    View full-size slide

  117. άϧʔϐϯά
    ᶃ ᶄ
    ᶅ ᶆ

    View full-size slide

  118. shouldGroupAccessibilityChildren
    • VoiceOver ͕ϨγʔόʔͷࢠཁૉΛ
    άϧʔϓԽ͢Δඞཁ͕͋Δ͔Ͳ͏͔Λද͢

    View full-size slide

  119. shouldGroupAccessibilityChildren

    View full-size slide

  120. shouldGroupAccessibilityChildren




    View full-size slide

  121. ྑ͍ΞΫηγϏϦςΟ
    ϥϕϧͱ͸

    View full-size slide

  122. ͲΜͳϥϕϧ͕͍͍ͷ͔
    • γϯϓϧʢҰ୯ޠͳͲʣ
    • ίϯτϩʔϧͷछྨ͸ؚΊͳ͍
    • ʮϥϕϧʯͱ͔ʮϘλϯʯ͸͍Βͳ͍
    • ӳޠͷ཈༲্ɺେจࣈ࢝·ΓϐϦΦυऴΘΓʹ
    • ҙຯͷ͋ΔΞχϝʔγϣϯʹ΋ϥϕϧΛ

    View full-size slide

  123. ίϯςΩετʹԊ͍ͬͯΔ
    • ʮPlusʯ

    View full-size slide

  124. ίϯςΩετʹԊ͍ͬͯΔ
    • ʮAddʯ

    View full-size slide

  125. ίϯςΩετʹԊ͍ͬͯΔ
    • ʮAdd to cartʯ / ʮAdd to favoritesʯ

    View full-size slide

  126. ίϯςΩετʹԊ͍ͬͯΔ
    • ʮAdd peanut butter to cartʯ

    View full-size slide

  127. Voice Control ͕͍͢͝

    View full-size slide

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

    View full-size slide

  129. iOS 13 ʙ
    • Ի੠ίϚϯυ͕ॆ࣮
    • ΄΅΄΅͢΂ͯͷૢ࡞͕Ի੠Ͱ࣮ݱͰ͖Δ
    • ͋·Γ৘ใ͕ग़ͯͳ͍ͷͰৄ͘͠͸ݴ͑ͳ͍

    View full-size slide

  130. Introducing Voice Control on Mac and iOS — Apple
    ʢhttps://www.youtube.com/watch?v=aqoXFCCTfm4ʣ
    $PSSFDU
    MPWF
    4JYUFFO

    View full-size slide

  131. Introducing Voice Control on Mac and iOS — Apple
    ʢhttps://www.youtube.com/watch?v=aqoXFCCTfm4ʣ
    4IPX
    OVNCFST

    View full-size slide

  132. Introducing Voice Control on Mac and iOS — Apple
    ʢhttps://www.youtube.com/watch?v=aqoXFCCTfm4ʣ
    4IPX
    HSJE

    View full-size slide

  133. Introducing Voice Control on Mac and iOS — Apple
    ʢhttps://www.youtube.com/watch?v=aqoXFCCTfm4ʣ

    View full-size slide

  134. ΞΫηγϏϦςΟͱ
    Swift UI

    View full-size slide

  135. Swift UIΛ࢖͏ͱ
    • ඪ४UIύʔπ͸σϑΥϧτͰ͢Ͱʹ
    ΞΫηγϒϧ
    • ΧελϜUIύʔπ΋ࣗಈͰΞΫηγϒϧʹ

    View full-size slide

  136. ࣗಈͰָνϯରԠ

    View full-size slide

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

    View full-size slide

  138. Accessibility in SwiftUI
    ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ
    ࣗಈͰ௨஌

    View full-size slide

  139. ରԠ͕ඞཁͳྫ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  144. Accessibility in SwiftUI
    ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ
    ཧղͰ͖Δϥϕϧʹ

    ˣ
    $POUSBTU3BUJPUP

    View full-size slide

  145. Accessibility in SwiftUI
    ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ
    ඞཁͳ͚Ε͹
    ඇදࣔʹ
    3FE "EKVTUBCMF
    ˣ
    3FE"EKVTUBCMF

    View full-size slide

  146. ΞΫηγϏϦςΟରԠ
    ʢओʹԻ੠ٕज़ʣ͕
    ਐΜͩੈք

    View full-size slide

  147. ேى͖ͨΒ…
    • Siri / εϚʔτεϐʔΧʔʹఱؾΛฉ͘
    • ໨త஍·Ͱͷॴཁ࣌ؒ / ܦ࿏Λฉ͘

    View full-size slide

  148. Ҡಈத…
    • ຬһిंͷதɺVoice Over Ͱ Web αΠτ
    ʮӾཡʯ
    • ݱࡏ஍Λى఺ʹλΫγʔΛ഑ं

    View full-size slide

  149. ;ͱͨ࣌͠ʹ…
    • Siri ʹങ͍෺Ϧετͷ௥ՃΛཔΉ
    • Ոܭ฽Λೖྗ͢Δ
    • Siri μογϡʢԾ໊ʣͰ঎඼Λ஫จ͢Δ

    View full-size slide

  150. ྉཧத…
    • Voice Control ͰྉཧΞϓϦΛճ༡͢Δ

    View full-size slide

  151. ӡసத…
    • ݱࡏ஍Λى఺ͱ͓ͨ͢͢͠Ίεϙοτ࡞੒

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  156. ରԠ༏ઌ౓ΛܾΊΔ
    • ओཁϑϩʔΛ׬૸Ͱ͖Δ͔
    • ʮࠔΔॱʯΛݟۃΊΔ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  160. ϑΟʔυόοΫ

    View full-size slide

  161. ͍ͩ͘͞
    • ໊ࡳͷཪͷQRίʔυΛಡΈऔͬͯͶ

    View full-size slide

  162. • 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/

    View full-size slide

  163. • 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/

    View full-size slide

  164. • Accessibility in SwiftUI
    • https://developer.apple.com/videos/play/
    wwdc2019/238/
    • Accessibility on iOS
    • https://developer.apple.com/accessibility/ios/

    View full-size slide

  165. • ৭ͷΞΫηγϏϦςΟରԠͰ໾ʹཱͬͨπʔϧ
    • http://bashalog.c-brains.jp/18/02/28-153729.php
    • ͸͡Ίͯͷ VoiceOver ରԠ
    • https://qiita.com/RyoAbe/items/
    c111dd9349b6ff67b558
    • iOSͷVoiceOverରԠ։ൃ
    • https://www.slideshare.net/iseebi/iosvoiceover

    View full-size slide

  166. • [HIG] ΞΫηγϏϦςΟ - ΠϯτϩμΫγϣϯ
    • https://qiita.com/akatsuki174/items/
    6f20810e320807bfdeb6
    • [HIG] ΞΫηγϏϦςΟ - ϕετϓϥΫςΟε
    • https://qiita.com/akatsuki174/items/
    96774d0998e70bef3b94
    • [HIG] ΞΫηγϏϦςΟ - ϢʔβΠϯλϥΫγϣϯ
    • https://qiita.com/akatsuki174/items/
    0d1cb8c9ca44edf4391f

    View full-size slide

  167. • [HIG] ΞΫηγϏϦςΟ - φϏήʔγϣϯ
    • https://qiita.com/akatsuki174/items/
    89b72581f5360bc381ed
    • [HIG] ΞΫηγϏϦςΟ - ςΩεταΠζͱ΢ΣΠτ
    • https://qiita.com/akatsuki174/items/
    40dd872aa004a7c6d217
    • [HIG] ΞΫηγϏϦςΟ - ৭ͱίϯτϥετ
    • https://qiita.com/akatsuki174/items/
    4b7a7758a809211a0658

    View full-size slide

  168. • [HIG] ΞΫηγϏϦςΟ - ࢹ֮ޮՌͱϞʔγϣϯ
    • https://qiita.com/akatsuki174/items/
    fc7bf850e1edaa49489c
    • [HIG] ΞΫηγϏϦςΟ - ίϯςϯπ
    • https://qiita.com/akatsuki174/items/
    e38f23c92c18257dbd31
    • Xcode 11 ͷ Accessibility Inspector ͕ͱͯ΋ศར
    • https://qiita.com/akatsuki174/items/
    6a223bb6529c55bfe343

    View full-size slide

  169. • ϏδϡΞϧσβΠϯͱΞΫηγϏϦςΟ
    • https://qiita.com/akatsuki174/items/
    7ebaffad7e6665a80efe
    • ྑ͍ Siri γϣʔτΧοτͷ࡞Γํ
    • https://qiita.com/akatsuki174/items/
    e6c6cf9674e8e0008879
    • ༏ΕͨΞΫηγϏϦςΟϥϕϧΛ෇͚Δʹ͸
    • https://qiita.com/akatsuki174/items/
    173ceb4307b8baa752db

    View full-size slide

  170. • Interface Builderʹ͓͚ΔAuto LayoutͷςΫ
    χοΫ[WWDC 2017]
    • https://qiita.com/akatsuki174/items/
    dd055b6401a79af7ccab
    • ΞΫηγϏϦςΟʹ഑ྀͨ͠ϏδϡΞϧσβΠϯ
    • https://note.mu/akatsuki174/n/n1da8474f6eb7

    View full-size slide

  171. ͝ਗ਼ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

    View full-size slide