How to make an app like Clear accessible

Sally Shepard // @mostgood

A few months ago in Berlin...

On a scale of complexity...

Hello world!

For the next 15-ish minutes...

• Accessibility

• Demo of Clear

• Adding support

• Designing accessibility

What do I mean by ‘accessible’?

“Why can’t everyone use my app?”

UIAccessibility APIs

accessibilityLabelaccessibilityTraitsaccessibilityValue accessibilityHint

isAccessibilityElement

Demo

Making it accessible

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

Using notifications

- (void)viewDidAppear:(BOOL)animated!{![super viewDidAppear:animated]; ! UIAccessibilityPostNotification(UIAccessibilityScreenChangedNotification, self.currentToDoList);!

}!

Direct Interaction

!- (UIAccessibilityTraits)accessibilityTraits { return UIAccessibilityTraitAllowsDirectInteraction; }

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]; }

Construct an entirely different “UI”

Find out if user has VoiceOver on

BOOL isVoiceOverOn = UIAccessiblityIsVoiceOverRunning():

Not using UIKit?

Implement UIAccessibilityContainer

protocol

Test what you’ve done. On a device.

With Screen Curtain on.

Designing accessibility

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

Be creative. (but maybe not too creative)

Trial and error

Usability testing.

@AppleVis

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, Charlotte Vogel