Accessibility on ios. Developing for everyone. Frameworks #WWDC14. Session 210 Clare Kasemset ios Accessibility

Transcription

1 Frameworks #WWDC14 Accessibility on ios Developing for everyone Session 210 Clare Kasemset ios Accessibility 2014 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.

2 What You Will Learn

3 What You Will Learn Introduction to accessibility

4 What You Will Learn Introduction to accessibility Accessibility features on ios

5 What You Will Learn Introduction to accessibility Accessibility features on ios What s new

6 What You Will Learn Introduction to accessibility Accessibility features on ios What s new Accessibility tutorial

7 What You Will Learn Introduction to accessibility Accessibility features on ios What s new Accessibility tutorial Visual accommodations

8 What You Will Learn Introduction to accessibility Accessibility features on ios What s new Accessibility tutorial Visual accommodations Semantic accessibility

9 Introduction to Accessibility

10 What Is Accessibility?

11 What Is Accessibility?

12 What Is Accessibility?

13 What Is Accessibility?

14 What Is Accessibility?

15 What Is Accessibility?

16

17 Physical and Motor Switch Control

18 Physical and Motor Switch Control

19 Physical and Motor Switch Control

20 Physical and Motor Switch Control

21 Physical and Motor Switch Control

22

23 Learning Guided Access

24 Learning Guided Access

25

26 Hearing Made for iphone Hearing Aids

27 Hearing Made for iphone Hearing Aids

28

29 Vision VoiceOver

30 Vision VoiceOver

31 Vision Low vision accommodations

32 Vision Reduce Motion

33 Vision Reduce Motion

34 New Accessibility Features in ios 8

35 Guided Access Time Limits

36 Alex

37 Alex

38 Speak Screen

39 Speak Screen

40 Zoom

41

42 Zoom

43 Demo Zoom

44 Accessibility Tutorial

45 Accessibility Tutorial Visual accommodations Semantic accessibility

46 Visual Accommodations API BOOL UIAccessibilityIsBoldTextEnabled();! BOOL UIAccessibilityIsReduceTransparencyEnabled();! BOOL UIAccessibilityDarkerSystemColorsEnabled();! BOOL UIAccessibilityIsReduceMotionEnabled();

47 Demo Visual accommodations

48 Semantic Accessibility

49 Semantic Accessibility

50 Semantic Accessibility

51 Semantic Accessibility

52 Semantic Accessibility

53 Semantic Accessibility

54 Semantic Accessibility Example: VoiceOver

55 Semantic Accessibility Example: VoiceOver x,y

56 Semantic Accessibility Example: VoiceOver x,y element

57 Semantic Accessibility Example: VoiceOver x,y element

58 Semantic Accessibility Example: VoiceOver x,y element 5

59 Semantic Accessibility Example: VoiceOver x,y element activate 5

60 Semantic Accessibility Example: VoiceOver x,y element activate 5

61 Semantic Accessibility Audit

62 Semantic Accessibility Audit Most is built into ios

63 Semantic Accessibility Audit Most is built into ios Audit with VoiceOver

64 Semantic Accessibility Audit Most is built into ios Audit with VoiceOver Can VoiceOver speak everything?

65 Semantic Accessibility Audit Most is built into ios Audit with VoiceOver Can VoiceOver speak everything? Can VoiceOver do everything?

66 Semantic Accessibility Audit Setup

67 Semantic Accessibility Audit VoiceOver cheat sheet

68 Semantic Accessibility Audit VoiceOver cheat sheet Tap: select and speak

69 Semantic Accessibility Audit VoiceOver cheat sheet Tap: select and speak

70 Semantic Accessibility Audit VoiceOver cheat sheet Tap: select and speak Double tap: activate

71 Semantic Accessibility Audit VoiceOver cheat sheet Tap: select and speak Double tap: activate

72 Semantic Accessibility Audit VoiceOver cheat sheet Tap: select and speak Double tap: activate

73 Semantic Accessibility Audit VoiceOver cheat sheet Tap: select and speak Double tap: activate Swipe right: select and speak the next element

74 Semantic Accessibility Audit VoiceOver cheat sheet Tap: select and speak Double tap: activate Swipe right: select and speak the next element

75 Semantic Accessibility Audit VoiceOver cheat sheet Tap: select and speak Double tap: activate Swipe right: select and speak the next element Three finger swipe: scroll

76 Semantic Accessibility Audit VoiceOver cheat sheet Tap: select and speak Double tap: activate Swipe right: select and speak the next element Three finger swipe: scroll

77 Demo Semantic accessibility audit

78 Basic Accessibility API

79 Basic Accessibility BOOL isaccessibilityelement; Return YES to make a view visible to an assistive technology Default is YES for controls and labels

80 Basic Accessibility copy) NSString *accessibilitylabel; Return a description of the view Spoken by VoiceOver

81 Basic Accessibility API Interface Builder

82 Basic Accessibility API Interface Builder isaccessibilityelement

83 Basic Accessibility API Interface Builder isaccessibilityelement accessibilitylabel

84 Basic Accessibility API Code view.isaccessibilityelement = YES; view.accessibilitylabel photo";

85 Demo Basic accessibility API

86 Accessibility API for Custom UI

87 Accessibility UIAccessibilityTraits accessibilitytraits; Describe the function of a view

88 Accessibility Traits

89 Accessibility Traits

90 Accessibility Traits UIAccessibilityTraitAdjustable

91 Accessibility Traits UIAccessibilityTraitAdjustable

92 Accessibility Traits UIAccessibilityTraitAdjustable UIAccessibilityTraitButton

93 Accessibility Traits Interface Builder

94 Accessibility Traits Code view.accessibilitytraits = (view.accessibilitytraits UIAccessibilityTraitButton);

95 Accessibility Value

96 Accessibility copy) NSString *accessibilityvalue;

97 Accessibility copy) NSString *accessibilityvalue; Use with UIAccessibilityTraitAdjustable

98 Accessibility copy) NSString *accessibilityvalue; Use with UIAccessibilityTraitAdjustable

99 Accessibility copy) NSString *accessibilityvalue; Use with UIAccessibilityTraitAdjustable 37

100 Accessibility Actions

101 Accessibility Actions - (void)accessibilityincrement;

102 Accessibility Actions - (void)accessibilityincrement; - (void)accessibilitydecrement;

103 Accessibility Actions - (void)accessibilityincrement; - (void)accessibilitydecrement; Use with UIAccessibilityTraitAdjustable

104 Accessibility Actions - (void)accessibilityincrement; - (void)accessibilitydecrement; Use with UIAccessibilityTraitAdjustable Increase or decrease an element s value

105 Accessibility Actions - (void)accessibilityincrement; - (void)accessibilitydecrement; Use with UIAccessibilityTraitAdjustable Increase or decrease an element s value

106 Accessibility Actions - (void)accessibilityincrement; - (void)accessibilitydecrement; Use with UIAccessibilityTraitAdjustable Increase or decrease an element s value

107 Accessibility Actions - (BOOL)accessibilityActivate; Provide a default action for views requiring a specific gesture

108 Accessibility Notifications

109 Accessibility Notifications Notify assistive technology of a change

110 Accessibility Notifications Notify assistive technology of a change UIAccessibilityLayoutChangedNotification

111 Accessibility Notifications Notify assistive technology of a change UIAccessibilityLayoutChangedNotification

112 Accessibility Notifications Notify assistive technology of a change UIAccessibilityLayoutChangedNotification

113 Accessibility Notifications Notify assistive technology of a change UIAccessibilityLayoutChangedNotification UIAccessibilityPostNotification(UIAccessibilityLayoutChangedNotification, nil);

114 Accessibility Notifications Notify assistive technology of a change UIAccessibilityLayoutChangedNotification UIAccessibilityPostNotification(UIAccessibilityLayoutChangedNotification, nil);

115 Demo Accessibility API for custom UI

116 New Accessibility API

117 UIAccessibilityContainer

118 UIAccessibilityContainer Return a list of accessibility elements from a view

119 UIAccessibilityContainer Return a list of accessibility elements from a view Necessary for elements that don t correspond to views

120 UIAccessibilityContainer Return a list of accessibility elements from a view Necessary for elements that don t correspond to views

121 UIAccessibilityContainer Return a list of accessibility elements from a view Necessary for elements that don t correspond to views See last year s talk for example

122 UIAccessibilityContainer Can be used to sort existing elements

123 UIAccessibilityContainer Can be used to sort existing elements

124 UIAccessibilityContainer Can be used to sort existing elements

125 NSObject (UIAccessibilityContainer)! - (NSInteger)accessibilityElementCount; - (id)accessibilityelementatindex:(nsinteger)index; -

126 NSObject (UIAccessibilityContainer)! - (NSInteger)accessibilityElementCount; - (id)accessibilityelementatindex:(nsinteger)index; - (nonatomic, strong) NSArray

127 UIAccessibilityCustomAction

128 UIAccessibilityCustomAction More than one action for an element

129 UIAccessibilityCustomAction More than one action for an element App switcher: launch or close app

130 UIAccessibilityCustomAction More than one action for an element App switcher: launch or close app Say hello or goodbye to a match

131 UIAccessibilityCustomAction : NSObject! - (instancetype)initwithname:(nsstring *)name target:(id)target selector: (nonatomic, copy) NSString (nonatomic, weak) id (nonatomic, assign) SEL

132 (nonatomic, retain) NSArray *accessibilitycustomactions;

133 Demo New accessibility API

134 Summary

135 Summary ios users are diverse

136 Summary ios users are diverse Widen your user base

137 Summary ios users are diverse Widen your user base Low effort, high reward

138 More Information Jake Behrens App Frameworks Evangelist Documentation Accessibility Programming Guide for ios iphoneaccessibility Apple Developer Forums

139 Related Sessions Accessibility on OS X Russian Hill Tuesday 2:00PM Designing for the Sensitive Mind: The Digital Experience in the Autistic Spectrum Presidio Wednesday 12:45PM Improving the Accessibility and Usability of Complex Web Applications Marina Friday 9:00AM

140 Labs Accessibility and Speech Lab Frameworks Lab B Wednesday 10:15AM

141