How to make an app like Clear accessible: What is accessibility? Designing for accessibility Adding support to an iOS app Presented at NSLondon August 2014: http://vimeo.com/105440180

1. How to make an app
like Clear accessible
Sally Shepard // @mostgood

2. A few months ago in
Berlin...

3. On a scale of complexity...
Hello world!

4. For the next 15-ish
minutes...
• Accessibility
• Demo of Clear
• Adding support
• Designing accessibility

5. What do I mean by
‘accessible’?

8. “Why can’t everyone use my app?”

14. UIAccessibility APIs

15. accessibilityLabel
accessibilityTraits
accessibilityValue
accessibilityHint
isAccessibilityElement

16. Demo

17. Making it accessible

18. Let the user know
where they are and
what they can do.

19. Using notifications
- (void)viewDidAppear:(BOOL)animated!
{!
[super viewDidAppear:animated]; !
UIAccessibilityPostNotification(UIAccessibilityScreenChangedNoti
fication, self.currentToDoList);!
}!

20. Direct Interaction
!
- (UIAccessibilityTraits)accessibilityTraits
{
return UIAccessibilityTraitAllowsDirectInteraction;
}

21. UIAccessibilityCustomAction
(iOS 8 only)
UIAccessibilityCustomAction *helloAction =
[[UIAccessibilityCustomAction alloc] initWithName:@"Say hello"
target:self selector:@selector(sayHello)];
!
UIAccessibilityCustomAction *goodbyeAction =
[[UIAccessibilityCustomAction alloc] initWithName:@"Say goodbye"
target:self selector:@selector(sayGoodbye)];
!
for (UIView *element in cardView.accessibilityElements) {
element.accessibilityCustomActions = @[helloAction,
goodbyeAction];
}

22. Construct an entirely
different “UI”

23. Find out if user has
VoiceOver on
BOOL isVoiceOverOn =
UIAccessiblityIsVoiceOverRunning():

24. Not using UIKit?
Implement
UIAccessibilityContainer
protocol

25. Test what you’ve done.
On a device.
With Screen Curtain on.

26. Designing accessibility

27. When it comes to designing
an app to be accessible,
YOU are the designer.

28. Be creative.
(but maybe not too creative)

29. Trial and error

30. Usability testing.

31. @AppleVis

32. Thanks!
Sally Shepard // @mostgood
Icons from Noun Project: Rinna Guevara, Stephen
Copinger, Luis Prado, Hadi Davodpour, Kristian
Bannister, Iconathon, Luis Prado, Christopher Anderson,
Charlene Chen, CharlotteVogel