Making iOS Applications Accessible

Accessibility is a very important topic, but few application developers pay attention to it in their "version 1.0." In this session we are going to learn how to apply the basic principles of accessibility in all stages of development of an app: from the design board to the testing team. With some simple techniques, every app can reach as many users as possible and make the world a better place for everyone.

Read the complete speech:
https://akos.ma/blog/making-ios-applications-accessible/

Presentation given in Bangalore, India, on September 15th, 2016, at http://www.mobiledevelopersummit.com

The code of the demo is available in Github: https://github.com/akosma/Accessible

Transcript

1. MAKING IOS APPLICATIONS ACCESSIBLE @AKOSMA – @MOBILEDEVSUMMIT – SEPTEMBER 15TH 2016 1 — © akosma 2016
2. A STORY 2 — © akosma 2016
3. 3 — © akosma 2016
4. LONDON 2010 4 — © akosma 2016
5. ! 5 — © akosma 2016
6. "TEN COMMANDMENTS FOR IOS DEVELOPMENT" 6 — © akosma 2016
7. "…YOU FORGOT ONE COMMANDMENT." 7 — © akosma 2016
8. ❔ 8 — © akosma 2016
9. "…TO MAKE APPS ACCESSIBLE." 9 — © akosma 2016
10. ! 10 — © akosma 2016
11. ! 11 — © akosma 2016
12. CALL TO ACTION 12 — © akosma 2016
13. 1. What is accessibility? 2. How can we make our apps accessible? 13 — © akosma 2016
14. 14 — © akosma 2016
15. DISABILITYDEFINITION Disabilities is an umbrella term, covering impairments, activity limitations, and participation restrictions. An impairment is a problem in body function or structure; an activity limitation is a difficulty encountered by an individual in executing a task or action; while a participation restriction is a problem experienced by an individual in involvement in life situations. definition Source World Health Organization 15 — © akosma 2016
16. STATISTICS ! 16 — © akosma 2016
17. PEOPLE WITH DISABILITIES > 1 billion peopleworldbank.org > 15% of mankindwho.int 1 > 2% with severe disabilitieswho.int 1 > 20% of Americanscensus.gov census.gov Source US Census Bureau who.int 1 Source World Health Organization worldbank.org Source World Bank 17 — © akosma 2016
18. PEOPLE WITH VISION IMPAIRMENT > 285 million people with vision impairmentwho.int 2 > Color blindness: 1/200 women, 1/12 mennei.nih.gov nei.nih.gov Source National Eye Institute who.int 2 Source World Health Organization 18 — © akosma 2016
19. DISABILITIES ARE NOT A BARRIER 19 — © akosma 2016
20. ! CONVENTION ON THE RIGHTS OF PERSONS WITH DISABILITIES 20 — © akosma 2016
21. …to promote, protect and ensure the full and equal enjoyment of all human rights and fundamental freedoms by all persons with disabilities, and to promote respect for their inherent dignity. — Article 1:ohchr.org ohchr.org Source UN Office of the High Commissioner on Human Rights 21 — © akosma 2016
22. 22 — © akosma 2016
23. 8 GUIDING PRINCIPLES (1/2) > Respect for inherent dignity, individual autonomy… > Non-discrimination > Full and effective participation and inclusion… > Respect for difference and acceptance of persons with disabilities… 23 — © akosma 2016
24. 8 GUIDING PRINCIPLES (2/2) > Equality of opportunity > Accessibility > Equality between men and women > Respect for the evolving capacities of children with disabilities… 24 — © akosma 2016
25. WHAT IS ACCESSIBILITY? Accessibility is the degree to which a product, device, service, or environment is available to as many people as possible. 25 — © akosma 2016
26. ACCESSIBILITY ≠ USABILITY 26 — © akosma 2016
27. ACCESSIBILITY IS NOT ONLY ABOUT DISABILITY 27 — © akosma 2016
28. ACCESSIBILITY IS ABOUT EVERYONE 28 — © akosma 2016
29. EXAMPLES 29 — © akosma 2016
30. HOST ACCESSIBLE CONFERENCESEURUCAMP.ORG eurucamp.org Source eurucamp 30 — © akosma 2016
31. DESIGN CITIES TO BE ACCESSIBLEMEDIUM.COM medium.com Source Medium 31 — © akosma 2016
32. 32 — © akosma 2016
33. MAKE APPS WITH A DIVERSE TEAMMASHABLE.COM mashable.com Source Mashable 33 — © akosma 2016
34. MAKE PRODUCTS FOR ALL USERSAPPLE.COM apple.com Source Apple Online Shop 34 — © akosma 2016
35. MAKE ACCESSIBLE APPS 35 — © akosma 2016
36. HOW? 36 — © akosma 2016
37. SOME ACCESSIBILITY FEATURES OF IOS > Motor: AssistiveTouch, Switch Control > Vision: Magnifier, Zoom, VoiceOver > Hearing: LED Flash for Alerts > Learning: Guided Access 37 — © akosma 2016
38. STEPS: > Design > Development > Testing 38 — © akosma 2016
39. UX DESIGN > Design experiences with accessibility in mind > Include the relevant personas and user stories > Pay attention to government requirements UI DESIGN > Typography > Layouts > Color > Iconography 39 — © akosma 2016
40. TYPOGRAPHY > Used to convey hierarchy > Pay attention to languages > Stick to standard fonts whenever possible > Bigger line heights are better 40 — © akosma 2016
41. LAYOUTS > Use AutoLayout > Use Dynamic Type > Download the Dynamic Type Size Tableapple.com apple.com Source Apple Online Shop 41 — © akosma 2016
42. 42 — © akosma 2016
43. COLOR > Pay attention to cultural differences > Use grayscale screens > If your contrast works on grayscale, it is good™ 43 — © akosma 2016
44. ICONOGRAPHY > Meaning is cultural > Right-to-left and left-to-right! 44 — © akosma 2016
45. 3. DEVELOPMENT > Code > Interface Builder 45 — © akosma 2016
46. UIACCESSIBILITY 1. Are you accessible? 2. If yes, what are you? 3. And who are you? 4. And where are you? 46 — © akosma 2016
47. UIACCESSIBILITY 1. isAccessibilityElement 2. accessibilityTraits 3. accessibilityLabel 4. accessibilityFrame 47 — © akosma 2016
48. > UIAccessibilityTraitNone > ....................Button > ....................Link > ....................Header > ....................SearchField > ....................Image > ....................Selected > ....................PlaysSound > ....................KeyboardKey > ....................StaticText > ....................SummaryEleme nt > ....................NotEnabled > … 48 — © akosma 2016
49. LEARN MORE ABOUT INTERNATIONALIZATION "IOS LOCALIZATION WITH MODERN XCODE TOOLS" TOMORROW 10:50, BY LAURA SAVINO, IN THE SD HALL 49 — © akosma 2016
50. 4. TESTING 50 — © akosma 2016
51. LEARN MORE ABOUT TESTING "TESTING IN ANDROID AND WHY YOU SHOULD CARE" TODAY 13:30, BY SOHAM MONDAL, IN THE SD HALL 51 — © akosma 2016
52. DEMO 52 — © akosma 2016
53. SIMPLE GUIDELINES 1. Add descriptive text in UI controls 2. Minimize text input in mobile UIs 3. Avoid scrolling 4. Do not rely on gestures alone 5. Allow zooming of UI elements in web content 6. Add captioning to video content 53 — © akosma 2016
54. CALL TO ACTION 54 — © akosma 2016
55. ACCESSIBILITY == EMPATHY 55 — © akosma 2016
56. #ACCESSIBLEINDIA 56 — © akosma 2016
57. Science may have found a cure for most evils; but it has found no remedy for the worst of them all - the apathy of human beings. — Helen Keller, My Religion, 1927. 57 — © akosma 2016
58. REFERENCES WWDC 2016: 104, 202, 407, 801 WWDC 2015: 406 Slides accessible at speakerdeck.com/akosma 58 — © akosma 2016
59. THANKS! 59 — © akosma 2016
60. QUESTIONS? 60 — © akosma 2016
61. © 2016 Adrian Kosmaczewskiakosma All Rights Reserved akosma https://twitter.com/akosma 61 — © akosma 2016