Recap Accessibility in WWDC 2019

「参加してなくてもついていけるもん！WWDCゴリゴリキャッチアップ会」で発表した内容です。

https://wwdc-gorilla.connpass.com/event/132144/

Transcript

1. Recap Accessibility in WWDC 2019 Masayuki Iwai@myb #wwdc_rusuban
2. 自己紹介 岩井雅幸@myb
 
 モバイル・アプリケーション・エンジニア
 at Unity Technologies Japan
 以前はWebデザイン・開発、Flashコンテ ンツ制作、iOSアプリ、ゲーム制作など 著書に「uGUIではじめる Unity UIデザイン の教科書」。最近はもっぱらReact Native
3. Accessibility
7. Accessibility?
8. "Accessibility features help a wide range of people interact with their devices. 
 For many, accessibility is a necessity. For others, it is practicality." https://developer.apple.com/documentation/uikit/accessibility/
9. https://developer.apple.com/documentation/uikit/accessibility/
10. VoiceOver Color Inversion Large Text Zoom Magnifier Closed Captioning Visual Notifications Haptic Notifications Type to Siri Switch Control Siri Assistive Touch Speak Screen Typing Feedback Safari Reader Full Keyboard Access Voice Control
12. Voice Control
14. Accessibility Element
15. Accessibility Element • isAccessibilityElement == true • UIKitの標準コントロールは
 デフォルトでtrue • UIAccessibilityElement • accessibilityTraitsで要素の性質を 指定
16. Accessibility Label
17. Accessibility Label button.accessibilityLabel = NSLocalizedString("Add", comment: "")
18. Accessibility Label Button(action: {}) { Image("plus_sign") } .accessibility(label: Text(NSLocalizedString("Add", comment: "")))
20. Accessibility Label • とにかくラベルを追加する！ • ラベルには要素のタイプを含まないようにする • UIの変化に合わせてラベルも変える • コンテキストが伝わるラベルにする、ただし冗長すぎないように • 意味のあるアニメーションにもラベルを追加する Writing Great Accessibility Labels • WWDC 2019 • Session 254
22. Accessibility Label • とにかくラベルを追加する！ • ラベルには要素のタイプを含まないようにする • UIの変化に合わせてラベルも変える • コンテキストが伝わるラベルにする、ただし冗長すぎないように • 意味のあるアニメーションにもラベルを追加する Writing Great Accessibility Labels • WWDC 2019 • Session 254
23. https://ja.wikipedia.org/wiki/小瀬川
24. Accessibility Label • とにかくラベルを追加する！ • ラベルには要素のタイプを含まないようにする • UIの変化に合わせてラベルも変える • コンテキストが伝わるラベルにする、ただし冗長すぎないように • 意味のあるアニメーションにもラベルを追加する Writing Great Accessibility Labels • WWDC 2019 • Session 254
26. UIAccessibilityCustomAction
27. UIAccessibilityCustomAction let action = UIAccessibilityCustomAction( name: "Custom", target: self, selector: #selector(handleAction(_:)) ) @objc func handleAction(_ action: UIAccessibilityCustomAction) -> Bool { // Action return true } Making Apps More Accessible With Custom Actions • WWDC 2019 • Session 250
28. UIAccessibilityCustomAction let action = UIAccessibilityCustomAction( name: "Custom" ) { (customAction: UIAccessibilityCustomAction) -> Bool in // Action return true } Making Apps More Accessible With Custom Actions • WWDC 2019 • Session 250 NEW
29. UIAccessibility
30. UIAccessibility static var isVideoAutoplayEnabled: Bool { get } static let videoAutoplayStatusDidChangeNotification: NSNotification.Name Visual Design and Accessibility • WWDC 2019 • Session 244 NEW
31. UIAccessibility static var shouldDifferentiateWithoutColor: Bool { get } static let differentiateWithoutColorDidChangeNotification: String Visual Design and Accessibility • WWDC 2019 • Session 244 NEW
32. Environment Overrides
33. More Information • Human Interface Guideline/Accessibility • UIKit Accessibility
34. More Information • Writing Great Accessibility Labels • WWDC 2019 • Session 254 • Making Apps More Accessible With Custom Actions • WWDC 2019 • Session 250 • Visual Design and Accessibility • WWDC 2019 • Session 244 • Accessibility Inspector • WWDC 2019 • Session 257 • Accessibility in SwiftUI • WWDC 2019 • Session 238
35. Thank you!