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.3k
すべての人のためのアクセシビリティ対応 #ca11y
2019/11/28 CA11Y #2 〜iOS/Androidアプリのアクセシビリティ〜
akatsuki174
November 28, 2019
Tweet
Share
More Decks by akatsuki174
See All by akatsuki174
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
53
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
5.4k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
410
オフライン勉強会ぼっち対策
akatsuki174
1
590
Xcode 15の新機能
akatsuki174
0
2.6k
AndroidにもSelect Photosがやってきた
akatsuki174
0
1.3k
Famm Android改善記
akatsuki174
0
350
Flutterアプリ開発にネイティブコードはどこまで求められるのか
akatsuki174
2
4.6k
UIKitのアップデート #WWDC22
akatsuki174
4
1.3k
Other Decks in Technology
See All in Technology
Goで実践するBFP
hiroyaterui
1
120
2024年活動報告会(人材育成推進WG・ビジネスサブWG) / 20250114-OIDF-J-EduWG-BizSWG
oidfj
0
230
JuliaTokaiとJuliaLangJaの紹介 for NGK2025S
antimon2
1
120
30分でわかる「リスクから学ぶKubernetesコンテナセキュリティ」/30min-k8s-container-sec
mochizuki875
3
450
CDKのコードレビューを楽にするパッケージcdk-mentorを作ってみた/cdk-mentor
tomoki10
0
210
テストを書かないためのテスト/ Tests for not writing tests
sinsoku
1
170
【JAWS-UG大阪 reInvent reCap LT大会 サンバが始まったら強制終了】“1分”で初めてのソロ参戦reInventを数字で振り返りながら反省する
ttelltte
0
140
20250116_自部署内でAmazon Nova体験会をやってみた話
riz3f7
1
100
Bring Your Own Container: When Containers Turn the Key to EDR Bypass/byoc-avtokyo2024
tkmru
0
860
When Windows Meets Kubernetes…
pichuang
0
300
完全自律型AIエージェントとAgentic Workflow〜ワークフロー構築という現実解
pharma_x_tech
0
350
メールヘッダーを見てみよう
hinono
0
110
Featured
See All Featured
Site-Speed That Sticks
csswizardry
3
270
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
Side Projects
sachag
452
42k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7.1k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
A better future with KSS
kneath
238
17k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Making the Leap to Tech Lead
cromwellryan
133
9k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Invisible Side of Design
smashingmag
299
50k
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
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ