Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Making iOS Applications Accessible

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/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

88dd97cf2dc7f06cc51a01d450f0b1e5?s=128

Adrian Kosmaczewski
PRO

September 15, 2016
Tweet

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