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
Amazon FSx for NetApp ONTAPを利用するにあたっての要件整理と設計のポイント
non97
1
160
分布で見る効果検証入門 / ai-distributional-effect
cyberagentdevelopers
PRO
4
700
現地でMeet Upをやる場合の注意点〜反省点を添えて〜
shotashiratori
0
530
なんで、私がAWS Heroに!? 〜社外の広い世界に一歩踏み出そう〜
minorun365
PRO
6
1.1k
AWSコンテナ本出版から3年経った今、もし改めて執筆し直すなら / If I revise our container book
iselegant
15
4k
来年もre:Invent2024 に行きたいあなたへ - “集中”と“つながり”で楽しむ -
ny7760
0
470
Jr. Championsになって、強く連携しながらAWSをもっと使いたい!~AWSに対する期待と行動~
amixedcolor
0
190
よくわからんサービスについての問い合わせが来たときの強い味方 Amazon Q について
kazzpapa3
0
220
10分でわかるfreeeのQA
freee
1
3.4k
Vueで Webコンポーネントを作って Reactで使う / 20241030-cloudsign-vuefes_after_night
bengo4com
4
2.5k
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定 / ai-web-launcher
cyberagentdevelopers
PRO
7
1.5k
物価高なラスベガスでの過ごし方
zakky
0
380
Featured
See All Featured
Speed Design
sergeychernyshev
24
570
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Designing on Purpose - Digital PM Summit 2013
jponch
115
6.9k
4 Signs Your Business is Dying
shpigford
180
21k
Into the Great Unknown - MozCon
thekraken
31
1.5k
Building an army of robots
kneath
302
42k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
107
49k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
KATA
mclloyd
29
13k
RailsConf 2023
tenderlove
29
880
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
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ