What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch...
Transcript of What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch...
![Page 1: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/1.jpg)
© 2016 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.
Developing for everyone
App Frameworks #WWDC16
Session 202
What’s New in Accessibility
Conor Hughes Accessibility Engineer
![Page 2: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/2.jpg)
Accessibility
![Page 3: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/3.jpg)
Accessibility
Making a system usable for everyone, regardless of their needs
![Page 4: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/4.jpg)
Accessibility
Making a system usable for everyone, regardless of their needs
![Page 5: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/5.jpg)
Accessibility
Making a system usable for everyone, regardless of their needs
![Page 6: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/6.jpg)
Accessibility
Making a system usable for everyone, regardless of their needs
![Page 7: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/7.jpg)
Accessibility
Making a system usable for everyone, regardless of their needs
![Page 8: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/8.jpg)
Agenda
![Page 9: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/9.jpg)
Agenda
New assistive features
![Page 10: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/10.jpg)
Agenda
New assistive featuresAccessibility audit
![Page 11: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/11.jpg)
Agenda
New assistive featuresAccessibility auditApp accessibility API
![Page 12: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/12.jpg)
Agenda
New assistive featuresAccessibility auditApp accessibility APIFixing app accessibility issues
![Page 13: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/13.jpg)
New Assistive Features
![Page 14: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/14.jpg)
Motor
![Page 15: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/15.jpg)
Switch ControlMotor
![Page 16: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/16.jpg)
Switch ControlMotor
![Page 17: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/17.jpg)
Switch Control on tvOSMotor NEW
![Page 18: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/18.jpg)
Switch Control on tvOSMotor NEW
![Page 19: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/19.jpg)
Dwell ControlMotor NEW
![Page 20: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/20.jpg)
Dwell ControlMotor NEW
![Page 21: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/21.jpg)
Vision
![Page 22: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/22.jpg)
Display AdjustmentsVision NEW
![Page 23: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/23.jpg)
Display AdjustmentsVision NEW
![Page 24: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/24.jpg)
Display AdjustmentsVision NEW
![Page 25: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/25.jpg)
Taptic TimeVision NEW
![Page 26: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/26.jpg)
Taptic TimeVision NEW
![Page 27: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/27.jpg)
MagnifierVision NEW
![Page 28: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/28.jpg)
DemoMagnifier
![Page 29: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/29.jpg)
Hearing
![Page 30: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/30.jpg)
TTYHearing
![Page 31: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/31.jpg)
Software TTYHearing NEW
![Page 32: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/32.jpg)
Learning
![Page 33: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/33.jpg)
Enhanced typing feedbackLearning NEW
![Page 34: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/34.jpg)
DemoTyping feedback enhancements
![Page 35: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/35.jpg)
Accessibility API
![Page 36: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/36.jpg)
Auditing Your App’s Accessibility
![Page 37: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/37.jpg)
Auditing Your App’s Accessibility
Turn on VoiceOver or Switch Control
![Page 38: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/38.jpg)
Auditing Your App’s Accessibility
Turn on VoiceOver or Switch Control• All items exposed
![Page 39: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/39.jpg)
Auditing Your App’s Accessibility
Turn on VoiceOver or Switch Control• All items exposed• All exposed items labeled
![Page 40: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/40.jpg)
Auditing Your App’s Accessibility
Turn on VoiceOver or Switch Control• All items exposed• All exposed items labeled• All interactions supported
![Page 41: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/41.jpg)
Auditing Your App’s Accessibility
Turn on VoiceOver or Switch Control• All items exposed• All exposed items labeled• All interactions supported• Good interface flow
![Page 42: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/42.jpg)
Auditing Your App’s Accessibility
Turn on VoiceOver or Switch Control• All items exposed• All exposed items labeled• All interactions supported• Good interface flow
![Page 43: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/43.jpg)
Auditing Your App’s Accessibility
Turn on VoiceOver or Switch Control• All items exposed• All exposed items labeled• All interactions supported• Good interface flow
Accessibility Inspector
![Page 44: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/44.jpg)
DemoAccessibility audit
![Page 45: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/45.jpg)
Accessibility Audit Results
![Page 46: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/46.jpg)
Accessibility Audit Results
Route list cells
![Page 47: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/47.jpg)
Accessibility Audit Results
Route list cells• Favorite button has bad label
![Page 48: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/48.jpg)
Accessibility Audit Results
Route list cells• Favorite button has bad label• Isn’t clear that table cell can be activated
![Page 49: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/49.jpg)
Accessibility Audit Results
Route list cells• Favorite button has bad label• Isn’t clear that table cell can be activated
Ratings graph
![Page 50: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/50.jpg)
Accessibility Audit Results
Route list cells• Favorite button has bad label• Isn’t clear that table cell can be activated
Ratings graph• Graph values inaccessible
![Page 51: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/51.jpg)
Accessibility Audit Results
Route list cells• Favorite button has bad label• Isn’t clear that table cell can be activated
Ratings graph• Graph values inaccessible
Route step list
![Page 52: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/52.jpg)
Accessibility Audit Results
Route list cells• Favorite button has bad label• Isn’t clear that table cell can be activated
Ratings graph• Graph values inaccessible
Route step list• Hazard steps not differentiated
![Page 53: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/53.jpg)
UIAccessibility
![Page 54: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/54.jpg)
UIAccessibility
![Page 55: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/55.jpg)
UIAccessibility
![Page 56: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/56.jpg)
UIAccessibility
![Page 57: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/57.jpg)
UIAccessibility
![Page 58: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/58.jpg)
UIAccessibility
![Page 59: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/59.jpg)
UIAccessibility
What are you?
![Page 60: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/60.jpg)
UIAccessibility
What are you?
Button
![Page 61: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/61.jpg)
UIAccessibility
What are you?
Button
Who are you?
![Page 62: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/62.jpg)
UIAccessibility
What are you?
Button
Who are you?
Favorite
![Page 63: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/63.jpg)
UIAccessibility
What are you?
Button
Who are you?
Where are you?
Favorite
![Page 64: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/64.jpg)
UIAccessibility
What are you?
Button
Who are you?
Where are you?
((317, 106), (50, 50))
Favorite
![Page 65: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/65.jpg)
UIAccessibility
button.accessibilityTraits
UIAccessibilityTraitButton
button.accessibilityLabel
“Favorite”
button.accessibilityFrame
CGRect(x: 317, y: 106, width: 50, height: 50)
![Page 66: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/66.jpg)
The basicsUIAccessibility
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 67: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/67.jpg)
The basicsUIAccessibility
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 68: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/68.jpg)
The basicsUIAccessibility
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
imageView.isAccessibilityElement = true
![Page 69: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/69.jpg)
The basicsUIAccessibility
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 70: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/70.jpg)
The basicsUIAccessibility
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 71: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/71.jpg)
The basicsUIAccessibility
myButton.accessibilityLabel = “New Alarm”
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 72: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/72.jpg)
The basicsUIAccessibility
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 73: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/73.jpg)
The basicsUIAccessibility
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 74: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/74.jpg)
The basicsUIAccessibility
myButton.accessibilityTraits |= UIAccessibilityTraitButton
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 75: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/75.jpg)
The basicsUIAccessibility
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 76: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/76.jpg)
The basicsUIAccessibility
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 77: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/77.jpg)
The basicsUIAccessibility
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 78: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/78.jpg)
The basicsUIAccessibility
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 79: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/79.jpg)
The basicsUIAccessibility
magControl.accessibilityValue = “\(level) times magnification”
extension NSObject {
public var isAccessibilityElement: Bool
public var accessibilityLabel: String?
public var accessibilityTraits: UIAccessibilityTraits
public var accessibilityFrame: CGRect
public var accessibilityValue: String?
}
![Page 80: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/80.jpg)
extension NSObject {
public var accessibilityElements: [AnyObject]?
}
public class UIAccessibilityElement : NSObject {
public init(accessibilityContainer container: AnyObject)
@available(iOS 10.0, *) public var accessibilityFrameInContainerSpace: CGRect
}
![Page 81: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/81.jpg)
extension NSObject {
public var accessibilityElements: [AnyObject]?
}
public class UIAccessibilityElement : NSObject {
public init(accessibilityContainer container: AnyObject)
@available(iOS 10.0, *) public var accessibilityFrameInContainerSpace: CGRect
}
![Page 82: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/82.jpg)
extension NSObject {
public var accessibilityElements: [AnyObject]?
}
public class UIAccessibilityElement : NSObject {
public init(accessibilityContainer container: AnyObject)
@available(iOS 10.0, *) public var accessibilityFrameInContainerSpace: CGRect
}
![Page 83: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/83.jpg)
extension NSObject {
public var accessibilityElements: [AnyObject]?
}
public class UIAccessibilityElement : NSObject {
public init(accessibilityContainer container: AnyObject)
@available(iOS 10.0, *) public var accessibilityFrameInContainerSpace: CGRect
}
![Page 84: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/84.jpg)
extension NSObject {
public var accessibilityElements: [AnyObject]?
}
public class UIAccessibilityElement : NSObject {
public init(accessibilityContainer container: AnyObject)
@available(iOS 10.0, *) public var accessibilityFrameInContainerSpace: CGRect
}
NEW
![Page 85: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/85.jpg)
TakeawaysUIAccessibility
![Page 86: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/86.jpg)
TakeawaysUIAccessibility
• The UIAccessibility protocol makes interface items accessible
![Page 87: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/87.jpg)
TakeawaysUIAccessibility
• The UIAccessibility protocol makes interface items accessible• UIKit controls have support baked-in
![Page 88: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/88.jpg)
TakeawaysUIAccessibility
• The UIAccessibility protocol makes interface items accessible• UIKit controls have support baked-in• Set properties to customize behavior
![Page 89: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/89.jpg)
TakeawaysUIAccessibility
• The UIAccessibility protocol makes interface items accessible• UIKit controls have support baked-in• Set properties to customize behavior• Use UIAccessibilityElement for non-view elements
![Page 90: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/90.jpg)
DemoUIAccessibility API
![Page 91: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/91.jpg)
Accessibility Audit Results
![Page 92: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/92.jpg)
Accessibility Audit Results
Route map
![Page 93: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/93.jpg)
Accessibility Audit Results
Route map- VoiceOver users miss route order
![Page 94: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/94.jpg)
Accessibility Audit Results
Route map- VoiceOver users miss route order- VoiceOver users can’t easily discover hazards
![Page 95: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/95.jpg)
Accessibility Audit Results
Route map- VoiceOver users miss route order- VoiceOver users can’t easily discover hazards
Route step list
![Page 96: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/96.jpg)
Accessibility Audit Results
Route map- VoiceOver users miss route order- VoiceOver users can’t easily discover hazards
Route step list- not “skimmable” for VO users
![Page 97: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/97.jpg)
The Rotor
![Page 98: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/98.jpg)
extension NSObject {
@available(iOS 10.0, *)
public var accessibilityCustomRotors: [UIAccessibilityCustomRotor]?
}
public class UIAccessibilityCustomRotor : NSObject {
public init(name: String,
itemSearch itemSearchBlock: UIKit.UIAccessibilityCustomRotorSearch)
}
NEW
![Page 99: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/99.jpg)
extension NSObject {
@available(iOS 10.0, *)
public var accessibilityCustomRotors: [UIAccessibilityCustomRotor]?
}
public class UIAccessibilityCustomRotor : NSObject {
public init(name: String,
itemSearch itemSearchBlock: UIKit.UIAccessibilityCustomRotorSearch)
}
NEW
![Page 100: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/100.jpg)
extension NSObject {
@available(iOS 10.0, *)
public var accessibilityCustomRotors: [UIAccessibilityCustomRotor]?
}
public class UIAccessibilityCustomRotor : NSObject {
public init(name: String,
itemSearch itemSearchBlock: UIKit.UIAccessibilityCustomRotorSearch)
}
NEW
![Page 101: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/101.jpg)
DemoUIAccessibilityCustomRotor API
![Page 102: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/102.jpg)
A Word on tvOS
![Page 103: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/103.jpg)
tvOS Header Elements
extension NSObject {
@available(tvOS 9.0, *)
public var accessibilityHeaderElements: [AnyObject]?
}
![Page 104: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/104.jpg)
tvOS Header Elements
extension NSObject {
@available(tvOS 9.0, *)
public var accessibilityHeaderElements: [AnyObject]?
}
![Page 105: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/105.jpg)
tvOS Header Elements
![Page 106: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/106.jpg)
![Page 107: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/107.jpg)
![Page 108: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/108.jpg)
![Page 109: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/109.jpg)
Summary
![Page 110: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/110.jpg)
Summary
Accessibility is about everyone
![Page 111: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/111.jpg)
Summary
Accessibility is about everyoneDesign with accessibility in mind
![Page 112: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/112.jpg)
Summary
Accessibility is about everyoneDesign with accessibility in mindUIKit helps your apps become accessible
![Page 113: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/113.jpg)
Summary
Accessibility is about everyoneDesign with accessibility in mindUIKit helps your apps become accessibleAccessible apps make our platforms great!
![Page 114: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/114.jpg)
More Information
https://developer.apple.com/wwdc16/202
![Page 115: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/115.jpg)
Related Sessions
Inclusive App Design Pacific Heights Tuesday 10:00 AM
Auditing Your Apps For Accessibility Nob Hill Wednesday 10:00 AM
![Page 116: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/116.jpg)
Labs
Accessibility and Speech Lab Frameworks Lab C Wednesday 2:30 PM
Accessibility User Interface by Appointment Lab User Interface Design Lab Tuesday 9:00 AM
Accessibility User Interface by Appointment Lab User Interface Design Lab Wednesday 9:00 AM
![Page 117: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/117.jpg)
Other Events
Haben Girma: Disability and Innovation: The Universal Benefits of Accessible Design
Lunch Guest Speaker (Haben Girma)
Tuesday 12:20 PM
Accessibility and Inclusive Design Get-Together Buena Vista Park Wednesday 6:15 PM
![Page 118: What’s New in Accessibility · Auditing Your App’s Accessibility Turn on VoiceOver or Switch Control ... • All interactions supported • Good interface flow Accessibility](https://reader034.fdocuments.net/reader034/viewer/2022052012/60287f62b1706a71237713b9/html5/thumbnails/118.jpg)