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

by akatsuki174

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

ΞδΣϯμ

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

͜ͷτʔΫʹ͍ͭͯ

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

ΞΫηγϏϦςΟͱ͸

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

ζʔϜػೳ

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

จࣈΛଠ͘͢Δ

Slide 35

Slide 35 text

จࣈΛଠ͘͢Δ

Slide 36

Slide 36 text

AssistiveTouch

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

LEDϑϥογϡ

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

৭Λ൓స

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

৭Λ൓స

Slide 44

Slide 44 text

εϚʔτ

Slide 45

Slide 45 text

ΫϥγοΫ

Slide 46

Slide 46 text

ಁ໌౓ΛԼ͛Δ

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

͜ͷޙৄ͘͠

Slide 51

Slide 51 text

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

Slide 52

Slide 52 text

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

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

ίΞػೳΛ؆୯ͳಈ࡞Ͱ • 3D Touch ͳͲΛ࢖Θͳͯ͘΋ίΞػೳΛ ࢖͑ΔΑ͏ʹ • มʹδΣενϟʔΛΦʔόʔϥΠυ͠ͳ͍

Slide 55

Slide 55 text

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

Slide 56

Slide 56 text

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

Slide 57

Slide 57 text

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

Slide 58

Slide 58 text

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

Slide 59

Slide 59 text

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

Slide 60

Slide 60 text

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

Slide 61

Slide 61 text

Accessibility Inspector

Slide 62