【Sansan×ヤプリ×ディップモバイル勉強会#1】Accessibility入門！ VoiceOverによる読み上げ機能を利用するためには

Sansan x ヤプリ x ディップ 3社合同モバイル勉強会 第1回にてLT登壇した内容となります。
https://dip-dev.connpass.com/event/342081/

Transcript

1. Accessibilityೖ໳ʂ VoiceOverʹΑΔಡΈ্͛ػೳΛར༻͢ΔͨΊʹ͸ Eiji Shirakazu, iOS Engineer in
2. ࣗݾ঺հ ന਺ ӥ࢘ / Shirakazu Eiji @cychow_app ΞϓϦϓϥοτϑΥʔϜʮYappliʯ iOSଆΛ։ൃ өըɺα΢φɺϥʔϝϯɺίʔώʔ (ΧϑΣ)
3. ຊ೔ͷ಺༰ 1. VoiceOverͱ͸ 2. VoiceOverͷ۩ମతͳૢ࡞ 4. ·ͱΊ 3. VoiceOverͷͨΊͷΧελϚΠζํ๏
4. ຊ೔ͷ಺༰ 1. VoiceOverͱ͸ 2. VoiceOverͷ۩ମతͳૢ࡞ 4. ·ͱΊ 3. VoiceOverͷͨΊͷΧελϚΠζํ๏
6. VoiceOver is an assistive technology that enables people to experience the interface on their devices without having to see the screen. People who are blind or have low vision depend on VoiceOver to provide auditory feedback while using their devices, but VoiceOver can be useful to people in a wide variety of contexts. For example, someone prone to motion sickness might choose to turn VoiceOver on while they’re in a moving vehicle. Learn more about testing your app with VoiceOver to make sure it works well for people who use this assistive technology. (Apple Developer Documentation - VoiceOverΑΓ) VoiceOverͱ͸
7. VoiceOver͸ɺը໘ΛݟΔ͜ͱͳ͘σόΠε্ͷΠϯλʔϑΣΠεΛମݧͰ͖ΔΑ͏ʹ͢Δ ࢧԉٕज़Ͱ͢ɻ໨ͷෆࣗ༝ͳਓ΍ऑࢹͷਓ͸ɺσόΠεͷ࢖༻தʹௌ֮తͳϑΟʔυόοΫ Λఏڙ͢ΔͨΊʹVoiceOverʹґଘ͍ͯ͠·͕͢ɺVoiceOver͸͞·͟·ͳঢ়گͷਓʹ໾ཱ ͪ·͢ɻྫ͑͹ɺ৐Γ෺ਲ͍͠΍͍͢ਓ͸ɺҠಈதͷ৐Γ෺ͷதͰVoiceOverΛΦϯʹ͢Δ ͔΋͠Ε·ͤΜɻ (Apple Developer Documentation - VoiceOverΑΓ) VoiceOverͱ͸
8. VoiceOverͷઃఆํ๏ 1. ઃఆΞϓϦΛ։͘ɻ 2. ʮΞΫηγϏϦςΟʯʼʮVoiceOverʯͷॱʹબ୒͠·͢ɻ 3. ʮVoiceOverʯ͕Φϯʹมߋ͢Δɻ ҎԼͷखॱͰઃఆՄೳʂ ※ ίϯτϩʔϧηϯλʔ͔ΒͰ΋VoiceOverΛΦϯʹ͢Δ͜ͱ͕Մೳʂ
9. ຊ೔ͷ಺༰ 1. VoiceOverͱ͸ 2. VoiceOverͷ۩ମతͳૢ࡞ 4. ·ͱΊ 3. VoiceOverͷͨΊͷΧελϚΠζํ๏
10. VoiceOverར༻࣌ͷ஫ҙ఺ VoiceOverಛ༗ͷૢ࡞Λ֮͑Δඞཁ͕͋Δɻ ɹૢ࡞ ɹ಺༰ ӈʹεϫΠϓ (1ຊࢦ) ࣍ͷ߲໨Λબ୒ ࠨʹεϫΠϓ (1ຊࢦ) લͷ߲໨Λબ୒ μϒϧλοϓ (1ຊࢦ) ߲໨ΛΞΫςΟϕʔτ(બ୒) ্ʹεϫΠϓ (3ຊࢦ) ԼʹεΫϩʔϧ ԼʹεϫΠϓ (3ຊࢦ) ্ʹεΫϩʔϧ
11. ຊ೔ͷ಺༰ 1. VoiceOverͱ͸ 2. VoiceOverͷ۩ମతͳૢ࡞ 4. ·ͱΊ 3. VoiceOverͷͨΊͷΧελϚΠζํ๏
12. UIAccessibilityʹ͍ͭͯ ΞϓϦͷUIཁૉʹؔ͢ΔςΩετ৘ใ΍ը૾৘ใͳͲΛ ؚΉΞΫηγϏϦςΟ৘ใʹΞΫηε͢ΔͨΊͷϓϩύ ςΟ΍ϝιουΛఏڙ͍ͯ͠ΔAPIίϨΫγϣϯɻ
15. .isAccessibilityElement ը໘ཁૉ͕ɺࢧԉΞϓϦ͕ΞΫηε Ͱ͖ΔΞΫηγϏϦςΟཁૉͰ͋Δ ͔Ͳ͏͔Λࣔ͢ϒʔϧ஋ɻ ⚠ ஫ҙ UIImageViewͳͲ͸σϑΥϧτͰfalseͱ ͳ͍ͬͯΔͨΊɺಡΈ্͛ର৅ͱͳͬͯ ͍ͳ͍ɻ
16. .isAccessibilityElement
17. .accessibilityLabel ೚ҙͷը໘ཁૉʹରͯ͠ɺ ಡΈ্͍͛ͨ೚ҙͷจࣈྻΛઃఆͰ͖Δɻ
18. .accessibilityLabel
19. ຊ೔ͷ಺༰ 1. VoiceOverͱ͸ 2. VoiceOverͷ۩ମతͳૢ࡞ 4. ·ͱΊ 3. VoiceOverͷͨΊͷΧελϚΠζํ๏
20. ·ͱΊ ɾVoiceOver͸໨ͷෆࣗ༝ͳํ΍ऑࢹͷํ͚ͩͰͳ͘ɺ ɹ৐Γ෺ਲ͍͠΍͍͢͠΍͍͢ํͳͲͱ͍ͬͨ෯޿͍ϢʔβʔΛ ɹର৅ʹͨ͠ػೳɻ ɾVoiceOverΛར༻͢ΔͨΊʹ͸ಛ༗ͷૢ࡞ํ๏Λ ɹ֮͑Δඞཁ͕͋Δɻ
21. ·ͱΊ ɾΞϓϦΛVoiceOverʹରԠͤ͞ΔͨΊʹ͸ɺUIAccessibility΍ɹ ɹNSObjectͷ.accessibilityLabelɺisAccessibilityElement ɹͳͲͱ͍ͬͨAPIΛ׆༻͢Δɻ
22. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂʂ