MYCocoaHeads Penang: Designing for Accessibility

Slides from my talk last year about designing with accessibility in mind.

Transcript

1. @MYCOCOAHEADS PENANG 2012 DESIGNING FOR ACCESSIBILITY
3. WHAT IS ACCESSIBILITY?
4. TYPES OF DISABILITIES
6. VISUAL / AUDITORY COGNITIVE / PHYSICAL
7. COGNITIVE
8. COGNITIVE cog•ni•tion |ˌkägˈni sh ən| noun The mental action or process of acquiring knowledge and understanding through thought, experience, and the senses.
9. COGNITIVE DESIGN
10. COGNITIVE DESIGN Not necessarily always about learning disabilities…
11. COGNITIVE DESIGN Not necessarily always about learning disabilities… Always design understandable, usable interfaces!
12. COGNITIVE DESIGN Not necessarily always about learning disabilities… Always design understandable, usable interfaces! “Tapworthy” by Josh Clark
13. COGNITIVE DESIGN Not necessarily always about learning disabilities… Always design understandable, usable interfaces! “Tapworthy” by Josh Clark “Designing the iPhone User Experience” by Suzanne Ginsburg
14. COGNITIVE DESIGN Not necessarily always about learning disabilities… Always design understandable, usable interfaces! “Tapworthy” by Josh Clark “Designing the iPhone User Experience” by Suzanne Ginsburg http://www.iphoneuxreviews.com
15. COGNITIVE DESIGN Not necessarily always about learning disabilities… Always design understandable, usable interfaces! “Tapworthy” by Josh Clark “Designing the iPhone User Experience” by Suzanne Ginsburg http://www.iphoneuxreviews.com “10 Sure re Ways To Screw Up Your iPhone App” - http://uxmag.com/design/ 10-sure re-ways-to-screw-up-your-iphone-app
16. AUDITORY
17. POINTS OF CONSIDERATION Don’t use audio-only feedback. NSBeep() - ash the screen Badge icon Textual feedback Vibration
18. PHYSICAL
19. KEYBOARD ACCESS Provide keyboard shortcuts Provide keyboard alternatives to mouse commands Test your app without using a keyboard or mouse … and test without both :)
20. BEST PRACTICES Avoid overcomplicated mouse gestures Avoid complex key combinations Allow user-selected key combos Keymote
21. VISUAL
22. VISUAL CONSIDERATIONS
23. VISUAL CONSIDERATIONS Low sight
24. VISUAL CONSIDERATIONS Low sight Enable user controls for font size, contrast etc.
25. VISUAL CONSIDERATIONS Low sight Enable user controls for font size, contrast etc. Low resolution screen
26. VISUAL CONSIDERATIONS Low sight Enable user controls for font size, contrast etc. Low resolution screen No sight
27. VISUAL CONSIDERATIONS Low sight Enable user controls for font size, contrast etc. Low resolution screen No sight VoiceOver
28. VISUAL CONSIDERATIONS Low sight Enable user controls for font size, contrast etc. Low resolution screen No sight VoiceOver Color blindness
29. VISUAL CONSIDERATIONS Low sight Enable user controls for font size, contrast etc. Low resolution screen No sight VoiceOver Color blindness Ensure your app is colour-blind-proof if it relies on colour to convey info
30. VOICEOVER UIAccessibility API Most of the time… you don’t need to do much more Remember the labels!
31. UIACCESSIBILITY -(BOOL)isAccessibilityElement Tells VO that this is an app element -(NSString *)accessibilityLabel Describe the element textually -(NSString *)accessibilityValue Sets the value of the object textually
32. BEST PRACTICES Combine controls/labels where possible Use image instead of UI<Widget> with title? iOS will use the image name, so set labels! Make concise labels Use NSLocalizedString Don’t describe the object type “Buy Song button button”
34. TESTING FOR ACCESSIBILITY Accessibility Inspector Turn on VoiceOver Colour Blindness Sim Daltonism http://colorschemedesigner.com Blindfold yourself
35. RESOURCES WWDC11 Session 122 - iOS Accessibility WWDC10 Session 100 Usable by Everybody: Design Principles for Accessibility on Mac OS X Accessibility Programming Guideline for iPhone OS UIAccessibility Protocol Reference