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
機械学習を「社会実装」するということ 2025年版 / Social Implementation of Machine Learning 2025 Version
moepy_stats
6
1.4k
Godot Engineについて調べてみた
unsoluble_sugar
0
410
東京Ruby会議12 Ruby と Rust と私 / Tokyo RubyKaigi 12 Ruby, Rust and me
eagletmt
3
880
CDKのコードレビューを楽にするパッケージcdk-mentorを作ってみた/cdk-mentor
tomoki10
0
210
データ基盤におけるIaCの重要性とその運用
mtpooh
4
540
自社 200 記事を元に整理した読みやすいテックブログを書くための Tips 集
masakihirose
2
330
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
55k
PaaSの歴史と、 アプリケーションプラットフォームのこれから
jacopen
7
1.5k
駆け出しリーダーとしての第一歩〜開発チームとの新しい関わり方〜 / Beginning Journey as Team Leader
kaonavi
0
120
あなたの人生も変わるかも?AWS認定2つで始まったウソみたいな話
iwamot
3
860
20250116_自部署内でAmazon Nova体験会をやってみた話
riz3f7
1
100
JuliaTokaiとJuliaLangJaの紹介 for NGK2025S
antimon2
1
120
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
Building Applications with DynamoDB
mza
93
6.2k
Mobile First: as difficult as doing things right
swwweet
222
9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
Code Reviewing Like a Champion
maltzj
521
39k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
240
The Cost Of JavaScript in 2023
addyosmani
46
7.2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
For a Future-Friendly Web
brad_frost
176
9.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k
A Philosophy of Restraint
colly
203
16k
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
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ