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
   

   View Slide

2. A STORY
   2 — © akosma 2016
   

   View Slide

3. 3 — © akosma 2016
   

   View Slide

4. LONDON 2010
   4 — © akosma 2016
   

   View Slide

5. !
   5 — © akosma 2016
   

   View Slide

6. "TEN COMMANDMENTS FOR
   IOS DEVELOPMENT"
   6 — © akosma 2016
   

   View Slide

7. "…YOU FORGOT ONE COMMANDMENT."
   7 — © akosma 2016
   

   View Slide

8. ❔
   8 — © akosma 2016
   

   View Slide

9. "…TO MAKE APPS
   ACCESSIBLE."
   9 — © akosma 2016
   

   View Slide

10. !
    10 — © akosma 2016
    

    View Slide

11. !
    11 — © akosma 2016
    

    View Slide

12. CALL TO ACTION
    12 — © akosma 2016
    

    View Slide

13. 1. What is accessibility?
    2. How can we make our apps accessible?
    13 — © akosma 2016
    

    View Slide

14. 14 — © akosma 2016
    

    View Slide

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
    

    View Slide

16. STATISTICS !
    16 — © akosma 2016
    

    View Slide

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
    

    View Slide

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
    

    View Slide

19. DISABILITIES ARE NOT A BARRIER
    19 — © akosma 2016
    

    View Slide

20. !
    CONVENTION ON THE RIGHTS OF PERSONS WITH DISABILITIES
    20 — © akosma 2016
    

    View Slide

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
    

    View Slide

22. 22 — © akosma 2016
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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
    

    View Slide

26. ACCESSIBILITY ≠ USABILITY
    26 — © akosma 2016
    

    View Slide

27. ACCESSIBILITY IS NOT ONLY ABOUT
    DISABILITY
    27 — © akosma 2016
    

    View Slide

28. ACCESSIBILITY IS ABOUT
    EVERYONE
    28 — © akosma 2016
    

    View Slide

29. EXAMPLES
    29 — © akosma 2016
    

    View Slide

30. HOST ACCESSIBLE
    CONFERENCESEURUCAMP.ORG
    eurucamp.org Source eurucamp
    30 — © akosma 2016
    

    View Slide

31. DESIGN CITIES TO BE
    ACCESSIBLEMEDIUM.COM
    medium.com Source Medium
    31 — © akosma 2016
    

    View Slide

32. 32 — © akosma 2016
    

    View Slide

33. MAKE APPS WITH A
    DIVERSE TEAMMASHABLE.COM
    mashable.com Source Mashable
    33 — © akosma 2016
    

    View Slide

34. MAKE PRODUCTS FOR
    ALL USERSAPPLE.COM
    apple.com Source Apple Online Shop
    34 — © akosma 2016
    

    View Slide

35. MAKE ACCESSIBLE APPS
    35 — © akosma 2016
    

    View Slide

36. HOW?
    36 — © akosma 2016
    

    View Slide

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
    

    View Slide

38. STEPS:
    > Design
    > Development
    > Testing
    38 — © akosma 2016
    

    View Slide

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
    

    View Slide

40. TYPOGRAPHY
    > Used to convey hierarchy
    > Pay attention to languages
    > Stick to standard fonts whenever possible
    > Bigger line heights are better
    40 — © akosma 2016
    

    View Slide

41. LAYOUTS
    > Use AutoLayout
    > Use Dynamic Type
    > Download the Dynamic Type Size Tableapple.com
    apple.com Source Apple Online Shop
    41 — © akosma 2016
    

    View Slide

42. 42 — © akosma 2016
    

    View Slide

43. COLOR
    > Pay attention to cultural differences
    > Use grayscale screens
    > If your contrast works on grayscale, it is good™
    43 — © akosma 2016
    

    View Slide

44. ICONOGRAPHY
    > Meaning is cultural
    > Right-to-left and left-to-right!
    44 — © akosma 2016
    

    View Slide

45. 3. DEVELOPMENT
    > Code
    > Interface Builder
    45 — © akosma 2016
    

    View Slide

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
    

    View Slide

47. UIACCESSIBILITY
    1. isAccessibilityElement
    2. accessibilityTraits
    3. accessibilityLabel
    4. accessibilityFrame
    47 — © akosma 2016
    

    View Slide

48. > UIAccessibilityTraitNone
    > ....................Button
    > ....................Link
    > ....................Header
    > ....................SearchField
    > ....................Image
    > ....................Selected
    > ....................PlaysSound
    > ....................KeyboardKey
    > ....................StaticText
    > ....................SummaryEleme
    nt
    > ....................NotEnabled
    > …
    48 — © akosma 2016
    

    View Slide

49. LEARN MORE ABOUT INTERNATIONALIZATION
    "IOS LOCALIZATION WITH MODERN XCODE TOOLS"
    TOMORROW 10:50, BY LAURA SAVINO, IN THE SD HALL
    49 — © akosma 2016
    

    View Slide

50. 4. TESTING
    50 — © akosma 2016
    

    View Slide

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
    

    View Slide

52. DEMO
    52 — © akosma 2016
    

    View Slide

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
    

    View Slide

54. CALL TO ACTION
    54 — © akosma 2016
    

    View Slide

55. ACCESSIBILITY == EMPATHY
    55 — © akosma 2016
    

    View Slide

56. #ACCESSIBLEINDIA
    56 — © akosma 2016
    

    View Slide

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
    

    View Slide

58. REFERENCES
    WWDC 2016: 104, 202, 407, 801
    WWDC 2015: 406
    Slides accessible at
    speakerdeck.com/akosma
    58 — © akosma 2016
    

    View Slide

59. THANKS!
    59 — © akosma 2016
    

    View Slide

60. QUESTIONS?
    60 — © akosma 2016
    

    View Slide

61. © 2016 Adrian Kosmaczewskiakosma
    All Rights Reserved
    akosma https://twitter.com/akosma
    61 — © akosma 2016
    

    View Slide