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

Adrian Kosmaczewski

September 15, 2016
Tweet

More Decks by Adrian Kosmaczewski

Other Decks in Technology

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