Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
すべての人のためのアクセシビリティ対応 #ca11y
Search
akatsuki174
November 28, 2019
Technology
2
1.2k
すべての人のためのアクセシビリティ対応 #ca11y
2019/11/28 CA11Y #2 〜iOS/Androidアプリのアクセシビリティ〜
akatsuki174
November 28, 2019
Tweet
Share
More Decks by akatsuki174
See All by akatsuki174
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
5.3k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
380
オフライン勉強会ぼっち対策
akatsuki174
1
560
Xcode 15の新機能
akatsuki174
0
2.5k
AndroidにもSelect Photosがやってきた
akatsuki174
0
1.2k
Famm Android改善記
akatsuki174
0
330
Flutterアプリ開発にネイティブコードはどこまで求められるのか
akatsuki174
2
4.3k
UIKitのアップデート #WWDC22
akatsuki174
4
1.2k
職能/職種横断でチームの生産性を高める
akatsuki174
2
5.7k
Other Decks in Technology
See All in Technology
新R25、乃木坂46 Mobileなどのファンビジネスを支えるマルチテナンシーなプラットフォームの全体像 / cam-multi-cloud
cyberagentdevelopers
PRO
1
130
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定 / ai-web-launcher
cyberagentdevelopers
PRO
7
1.5k
WINTICKETアプリで実現した高可用性と高速リリースを支えるエコシステム / winticket-eco-system
cyberagentdevelopers
PRO
1
190
生成AIと知識グラフの相互利用に基づく文書解析
koujikozaki
1
140
「視座」の上げ方が成人発達理論にわかりやすくまとまってた / think_ perspective_hidden_dimensions
shuzon
2
4.4k
Gradle: The Build System That Loves To Hate You
aurimas
2
150
顧客が本当に必要だったもの - パフォーマンス改善編 / Make what is needed
soudai
24
6.8k
AWS CDKでデータリストアの運用、どのように設計する?~Aurora・EFSの実践事例を紹介~/aws-cdk-data-restore-aurora-efs
mhrtech
4
650
[JAWS-UG金沢支部×コンテナ支部合同企画]コンテナとは何か
furuton
3
260
フルカイテン株式会社 採用資料
fullkaiten
0
36k
「 SharePoint 難しい」ってよく聞くけど、そんなに言うなら8歳の息子に試してもらった
taichinakamura
1
620
よくわからんサービスについての問い合わせが来たときの強い味方 Amazon Q について
kazzpapa3
0
220
Featured
See All Featured
A designer walks into a library…
pauljervisheath
202
24k
Embracing the Ebb and Flow
colly
84
4.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Building Adaptive Systems
keathley
38
2.2k
Designing for humans not robots
tammielis
249
25k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Into the Great Unknown - MozCon
thekraken
31
1.5k
Adopting Sorbet at Scale
ufuk
73
9k
Transcript
ͯ͢ͷਓͷͨΊͷ ΞΫηγϏϦςΟରԠ CA11Y #2 ʙiOS/AndroidΞϓϦͷΞΫηγϏϦςΟʙ @akatsuki174
ࣗݾհ
• ਢ౻ຘʢ@akatsuki174ʣ • iOS→AndroidΤϯδχΞ • גࣜձࣾTimersॴଐ
• αʔόʔαΠυΤϯδχΞ (PHP, Golang, AWS) • AndroidΤϯδχΞ (Kotlin) • iOSΤϯδχΞ
(Swift) TimersͰݱࡏΤϯδχΞશ৬छ࠾༻தʂ ৄ͘͠”Timers”Ͱݕࡧ
ΞδΣϯμ
• ΞΫηγϏϦςΟͱ • iOS ʹ͓͚ΔΞΫηγϏϦςΟ • Voice Control • ཱ͓ͪπʔϧ
• ΞΫηγϏϦςΟରԠΛਐΊΔʹ
͜ͷτʔΫʹ͍ͭͯ
None
త • ΞΫηγϏϦςΟରԠΞϓϦΛ૿͢ • AppleͷΞΫηγϏϦςΟରԠͷ͢͝͞Λ ͬͯΒ͏ • ΞΫηγϏϦςΟରԠίϫ͘ͳ͍ͱ ࢥͬͯΒ͏
ରऀ • Δҙຯ͕ͲΕ͚ͩ͋ΔͷʁͱࢥͬͯΔਓ • Ͳ͏ͬͯखΛ͚͍͍͔ͯΘ͔Βͳ͍ਓ • iOS ʹ͓͚ΔΞΫηγϏϦςΟͬͯ ͲΜͳͷ͔Γ͍ͨਓ
εϥΠυࢿྉ • ༧πΠʔτͰ͏ྲྀ͍ͯ͠Δͣ • ݟʹ͔ͬͨ͘ΒखݩͰݟͯͶ
ձΞϯέʔτ✋
ڍख͠Α͏✋ • iOSΤϯδχΞʁAndroidΤϯδχΞʁ • ΞΫηγϏϦςΟΛҙࣝͯ͠։ൃͯ͠Δʁ
ΞΫηγϏϦςΟͱ
ΞΫηγϏϦςΟͷఆٛ ಛʹ Web αΠτ্ʹ͓͚ΔɺใαʔϏε ͷΞΫηεͷ͢͠͞ͷ͜ͱͰ͋Δɻ ߴྸऀোऀͳͲؚΊͨ͋ΒΏΔਓ͕ɺɹ ͲͷΑ͏ͳڥʢ͏Δ͍͞ॴɺ҉͍ॴɺ ٯʹ໌Δ͍ॴͳͲʣʹ͓͍ͯॊೈʹɹɹ WebαΠτΛར༻Ͱ͖ΔΑ͏ʹߏங͢Δ͜ͱΛ ߟྀ͢Δ߹ʹΘΕΔɻʢby
weblioʣ IUUQTXXXXFCMJPKQDPOUFOUΞΫηγϏϦςΟ
ΞΫηγϏϦςΟ୭ͷͨΊʁ • ɿোΛ࣋ͭਓ͚ͩͷͨΊ • ɿͯ͢ͷਓͷͨΊ
ࣦ໌ ऑࢹ ࢹྗ ৭֮ҟৗ ௌ֮ো ࢹ֮ো ԻΛग़ͤͳ͍ ࡉ͔͍ૢ࡞͕Ͱ͖ͳ͍ ྉཧத ޫͷԼ
ωοτϫʔΫ͕͍ Ի͕ฉ͑͜ʹ͍͘ ؟ ࣗด ը໘ׂ͕ΕͯΔ ࢦΛոզͨ͠ ӡసத
ϢʔβϏϦςΟͱͷҧ͍ • ΞΫηγϏϦςΟ • ೳྗڥʹࠨӈ͞ΕͣɺશϢʔβ͕͘͠ ใΛಘΒΕΔ͔ • ϢʔβϏϦςΟ • ΞΫηεͰ͖ͨϢʔβʹର͢Δ͍͢͞
ΞΫηγϏϦςΟରԠ ͷޡղ
ରऀͦΜͳ͍ͳ͍ͷͰʁ
ͦΜͳ͜ͱͳ͍ͧ • োΛ࣋ͨͳ͍ਓରऀ • ͦͦোΛ࣋ͭਓ͕ͲΕ͚͍ͩΔ͔ Ѳͯ͠·͔͢ʁ
ࢹ֮োʢຊ/2009ࠒʣ • 164ສਓʢ18.8 ສਓ͕ࣦ໌ɺΓ͕ϩʔϏδϣϯʣ • োखாަऀ31ສਓ • 70ࡀҎ্ 2009 ຊ؟Պҩձʢhttps://www.gankaikai.or.jp/press/20091115_socialcost.pdfʣ
৭֮ҟৗʢຊ/2019ࠒʣ • உੑ5%ɺঁੑ0.2%ʢ700ສਓఔʣ • ͘Β͍͕֮ࣗঢ়ͳ͠ 2019ਆಸݝҩࢣձ http://www.kanagawa.med.or.jp/ibukai/gakkoui/shikikakuijounitsuite201901.pdf
ௌ֮োऀʢຊ/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
ͭ·Γ • ʢεϚϗΘͳ͍ਓ͕͍Δͱݴ͑Ͳʣ ͔ͳΓଟ͘ͷਓྨ͕ରऀʹͳΔͣ
ΊΜͲͦ͘͞͏ / େมͦ͏
ͦΜͳ͜ͱͳ͍ͧ • ͦͦᘳʹΖ͏ͱྗ·ͳ͍͍ͯ͘ • σϑΥϧτͰ͋ΔఔࣗಈରԠ͞Ε͍ͯΔ • Swift UI ͷొʹΑͬͯରԠ͕ΑΓָʹͳΔ
ΈΜͳͬͯ͘Εͳͦ͞͏
ͨͩͷໝ͔ʁ • ࣮Λ͢Δ͕ࣗࣗΞΫηγϏϦςΟͷ ԸܙΛཧղ͍ͯ͠Δʁ • ཧղͯ͠ݴ༿ʹ͢Εɺͦͷ͕Ϣʔβʹ ಧ͍ͯͬͯΒ͑ΔͷͰʁ
ଟݴޠରԠ͢Δͷʹ ΞΫηγϏϦςΟରԠ ͠ͳ͍ΜͰ͔͢ʁ
iOSͷ ΞΫηγϏϦςΟػೳ
AssistiveTouch
None
AssistiveTouch • ը໘ϩοΫ / Իྔ૿ݮ / εΫγϣ / ը໘ϩοΫ ͳͲΛγϣʔτΧοτԽͰ͖Δ
৭Λస
৭Λస • എܠΛ҉ͨ͘͠ํ͕ݟ͍͢߹ʹઃఆ͢Δ ͱྑ͍ • εϚʔτɺΫϥγοΫͷ2छྨ͕͋Δ
৭Λస
εϚʔτ
ΫϥγοΫ
ಁ໌ΛԼ͛Δ
ಁ໌ΛԼ͛Δ • จࣈ͕ಡΈ͍͢Α͏ʹɺಁա΅͔͠ͷ ߹͍Λܰݮͯ͠ίϯτϥετΛௐ
None
None
Voice Control ͷΛ ฉ͍ͯ͘Ε
Voice Control ͱ • ԻͰૢ࡞͕Ͱ͖Δ • Siri ͱҟͳΓɺΦϑϥΠϯͰ༻Մೳ • ࠓ·Ͱ͕͑ͨɺݶఆత
ࠓ·Ͱ
iOS 13 ʙ • ͍͢͝ • ԻίϚϯυ͕ॆ࣮ • ͔ͳΓଟ͘ͷૢ࡞͕ԻͰ࣮ݱͰ͖Δ •
͍͢͝
Voice ControlΛ Φϯʹ͢Δʹ
None
ݱࡏӳޠͷΈ
Voice ControlͰ Ͱ͖Δ͜ͱ
ΞϓϦΛ։͘ Open [app name]
ൣғ͔Βબ Show grid Tap [number]
൪߸͔Βબ Show numbers Tap [number]
໊લ͔Βબ Show names Tap [name]
ࣗࡱΓͩͬͯͰ͖Δ
Voice Controlͷݒ೦
ݒ೦ʢະݕূʣ • ৗձʹԠͯ͠͠·͏ͷͰʁ • ଞਓͷʹԠͯ͠͠·ͬͨΓ͠ͳ͍ʁ • ӅΕσόοάϘλϯ͕ݟ͑ͯ͠·͏͔ʁ
Swift UIͰࣗಈ ΞΫηγϏϦςΟରԠ
ΞΫηγϏϦςΟରԠ͢Δͱ • VoiceOverͰಡΈ্͛ͯ͘ΕΔ • Voice ControlͰname͕දࣔ͞ΕΔ
ࣗಈͰָνϯରԠ
Accessibility in SwiftUI ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ ࣗಈͰϥϕϦϯά
ରԠ͕ඞཁͳྫ
Accessibility in SwiftUI ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ $IFDLNBSL(MZQI
Accessibility in SwiftUI ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ 4JHOVQ$PNQMFUF
Accessibility in SwiftUI ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ /PUMBOE
Accessibility in SwiftUI ʢhttps://developer.apple.com/videos/play/wwdc2019/238/ʣ Θ͔Γ͍͢ ϥϕϧΛ͚Δ
ΞΫηγϒϧσβΠϯʹ ཱͭπʔϧ
Accessibility Inspector
Accessibility Inspector • Xcode͔Βݺͼग़ͤΔπʔϧ • ΞΫηγϏϦςΟ্ͷΛҰཡͰ ग़ͯ͘͠ΕΔ • ϦΞϧλΠϜͰ֬ೝͰ͖Δ
Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ
Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ
Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ
Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ
Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ
Accessibility Inspector Accessibility Inspector ʢhttps://developer.apple.com/videos/play/wwdc2019/257/ʣ
Accessibility Inspector ϝχϡʔόʔ 8JOEPX 4IPX$PMPS $POUSBTU$BMDVMBUPS Accessibility Inspector https://developer.apple.com/ videos/play/wwdc2019/257/
ศརͳΞϓϦ
Chromatic Vision Simulator https://apps.apple.com/jp/app/chromatic-vision-simulator/id389310222?l=ja
ΞΫηγϏϦςΟରԠΛ ਐΊΔʹ
ରԠ͕ඞཁͳՕॴΛݟ͚ͭΔ • Accessibility Inspector ΛͬͨΓ ࣗͰૢ࡞ͯ͠ରԠ͕ඞཁͳՕॴΛᖰΓग़͢
σβΠφʔʹڞ༗͢Δ • Human Interface Guidelines ʹ ΞΫηγϏϦςΟ߲ࡌͬͯΔͷͷɺ ࡉ͔͍͜ͱΘ͔Βͳ͍ • ٕज़తʹͲΜͳ͜ͱ͕Ͱ͖Δͷ͔ɺ
ԿʹؾΛ͚ͭͨΒ͍͍ͷ͔Λڞ༗͢Δ
ࣾͷཧղΛಘΔ • ΞΫηγϏϦςΟͷࣾษڧձΛ։࠵͢Δ • ΞΫηγϏϦςΟରԠΛ͢Δ͜ͱʹΑΔ ϢʔβମݧͷมԽʹ͍ͭͯ͑Δ
ੵۃతʹඪ४෦Λ͏ • ઃఆͷมԽʹࣗಈͰదԠͤ͞Δ͜ͱ͕Ͱ͖ɺ ख͕͔͔ؒΒͳ͍
श׳Խ͢Δ • ʮຖ݄ୈҰ݄༵ΞΫηγϏϦςΟରԠͷʯ • ϦϦʔεલͷνΣοΫϑϩʔʹΈࠐΉ
·ͱΊ
·ͱΊ • ΞΫηγϏϦςΟରԠಛఆͷΞϓϦ͚ͩͷ Ͱͳ͍ • ศརͳπʔϧΛ͍ͭͭɺΞΫηγϒϧͳ σβΠϯʹ͠Α͏ • ͪΐͬͱͣͭɺiOS ͷΞΫηγϏϦςΟػೳʹ
ରԠ͍ͯ͜͠͏
ࢀߟจݙ
• 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/
• 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/
• Accessibility in SwiftUI • https://developer.apple.com/videos/play/ wwdc2019/238/
ؔ࿈هࣄ
• [HIG] ΞΫηγϏϦςΟ - ΠϯτϩμΫγϣϯ • https://qiita.com/akatsuki174/items/ 6f20810e320807bfdeb6 • [HIG]
ΞΫηγϏϦςΟ - ϕετϓϥΫςΟε • https://qiita.com/akatsuki174/items/ 96774d0998e70bef3b94 • [HIG] ΞΫηγϏϦςΟ - ϢʔβΠϯλϥΫγϣϯ • https://qiita.com/akatsuki174/items/ 0d1cb8c9ca44edf4391f
• [HIG] ΞΫηγϏϦςΟ - φϏήʔγϣϯ • https://qiita.com/akatsuki174/items/ 89b72581f5360bc381ed • [HIG]
ΞΫηγϏϦςΟ - ςΩεταΠζͱΣΠτ • https://qiita.com/akatsuki174/items/ 40dd872aa004a7c6d217 • [HIG] ΞΫηγϏϦςΟ - ৭ͱίϯτϥετ • https://qiita.com/akatsuki174/items/ 4b7a7758a809211a0658
• [HIG] ΞΫηγϏϦςΟ - ࢹ֮ޮՌͱϞʔγϣϯ • https://qiita.com/akatsuki174/items/ fc7bf850e1edaa49489c • [HIG]
ΞΫηγϏϦςΟ - ίϯςϯπ • https://qiita.com/akatsuki174/items/ e38f23c92c18257dbd31 • Xcode 11 ͷ Accessibility Inspector ͕ͱͯศར • https://qiita.com/akatsuki174/items/ 6a223bb6529c55bfe343
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ