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.1k
すべての人のためのアクセシビリティ対応 #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
4.8k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
310
オフライン勉強会ぼっち対策
akatsuki174
1
460
Xcode 15の新機能
akatsuki174
0
2.2k
AndroidにもSelect Photosがやってきた
akatsuki174
0
770
Famm Android改善記
akatsuki174
0
310
Flutterアプリ開発にネイティブコードはどこまで求められるのか
akatsuki174
2
3.6k
UIKitのアップデート #WWDC22
akatsuki174
4
1k
職能/職種横断でチームの生産性を高める
akatsuki174
2
5.6k
Other Decks in Technology
See All in Technology
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
120
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
4
110
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
150
PHPカンファレンス小田原2024
ysknsid25
3
660
0→1開発における技術選定において一番大切なこと
bicstone
1
330
オーナーシップを持つ領域を明確にする
konifar
11
2.6k
AWS を使う上で知っておきたいオンプレミス知識/aws-on-premise-essentials
emiki
1
4.2k
ChatGPT for IT Service Management (IT Pro)
dahatake
2
160
自動生成を活用した、運用保守コストを抑える Error/Alert/Runbook の一元集約管理 / Centralized management of Error/Alert/Runbook to minimize operational costs using automated code generation
biwashi
9
2.1k
反実仮想機械学習とは何か
usaito
PRO
7
2.2k
アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
yajihum
0
160
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
120
Featured
See All Featured
The Invisible Side of Design
smashingmag
294
49k
Code Review Best Practice
trishagee
54
15k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Optimizing for Happiness
mojombo
370
69k
The Power of CSS Pseudo Elements
geoffreycrofte
59
5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
[RailsConf 2023] Rails as a piece of cake
palkan
22
3.9k
Gamification - CAS2011
davidbonilla
76
4.6k
Producing Creativity
orderedlist
PRO
336
39k
The Cost Of JavaScript in 2023
addyosmani
14
3.8k
We Have a Design System, Now What?
morganepeng
42
6.7k
Happy Clients
brianwarren
91
6.4k
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
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ