Slide 1

Slide 1 text

MAKING IOS APPLICATIONS ACCESSIBLE @AKOSMA – @MOBILEDEVSUMMIT – SEPTEMBER 15TH 2016 1 — © akosma 2016

Slide 2

Slide 2 text

A STORY 2 — © akosma 2016

Slide 3

Slide 3 text

3 — © akosma 2016

Slide 4

Slide 4 text

LONDON 2010 4 — © akosma 2016

Slide 5

Slide 5 text

! 5 — © akosma 2016

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

❔ 8 — © akosma 2016

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

! 10 — © akosma 2016

Slide 11

Slide 11 text

! 11 — © akosma 2016

Slide 12

Slide 12 text

CALL TO ACTION 12 — © akosma 2016

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

14 — © akosma 2016

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

STATISTICS ! 16 — © akosma 2016

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

DISABILITIES ARE NOT A BARRIER 19 — © akosma 2016

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

…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

Slide 22

Slide 22 text

22 — © akosma 2016

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

ACCESSIBILITY ≠ USABILITY 26 — © akosma 2016

Slide 27

Slide 27 text

ACCESSIBILITY IS NOT ONLY ABOUT DISABILITY 27 — © akosma 2016

Slide 28

Slide 28 text

ACCESSIBILITY IS ABOUT EVERYONE 28 — © akosma 2016

Slide 29

Slide 29 text

EXAMPLES 29 — © akosma 2016

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

32 — © akosma 2016

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

MAKE ACCESSIBLE APPS 35 — © akosma 2016

Slide 36

Slide 36 text

HOW? 36 — © akosma 2016

Slide 37

Slide 37 text

SOME ACCESSIBILITY FEATURES OF IOS > Motor: AssistiveTouch, Switch Control > Vision: Magnifier, Zoom, VoiceOver > Hearing: LED Flash for Alerts > Learning: Guided Access 37 — © akosma 2016

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

42 — © akosma 2016

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

UIACCESSIBILITY 1. Are you accessible? 2. If yes, what are you? 3. And who are you? 4. And where are you? 46 — © akosma 2016

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

4. TESTING 50 — © akosma 2016

Slide 51

Slide 51 text

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

Slide 52

Slide 52 text

DEMO 52 — © akosma 2016

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

CALL TO ACTION 54 — © akosma 2016

Slide 55

Slide 55 text

ACCESSIBILITY == EMPATHY 55 — © akosma 2016

Slide 56

Slide 56 text

#ACCESSIBLEINDIA 56 — © akosma 2016

Slide 57

Slide 57 text

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

Slide 58

Slide 58 text

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

Slide 59

Slide 59 text

THANKS! 59 — © akosma 2016

Slide 60

Slide 60 text

QUESTIONS? 60 — © akosma 2016

Slide 61

Slide 61 text

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