Making apps more accessible

The slides are from the Swift talk "Making Apps More Accessible" by Rizwan Ahmed from Zoho Corporation. The talk was given at the Cred x Swift India Meetup during the month of September.

Transcript

1. Rizwan Ahmed A iOS Developer & Technology Evangelist Zoho Corporation 
 Making Apps More Accessible
2. — Alina Wheeler “Design is intelligence made visible.”
3. Over 1 billion people live with some form of disability. - WHO
4. Why bother? Several reasons.
5. Why bother? Several reasons. It’s the right thing to do. Everyone should get to experience the joy of using a well-built software
6. Challenges The text is hard to read Vision No captions in the video, so can’t understand the context Hearing Can’t progress because I can’t touch a button Physical and motor skills I can’t read this. I don’t know what it is conveyed Literacy and learning
7. To make accessible apps, 
 we need to have an 
 accessible mindset
8. Let’s get started
9. UIAccessibility
10. UIAccessibility The UIAccessibility informal protocol provides accessibility information about an app’s user interface elements.
11. UIAccessibility Most of the things are handled automatically and hence it is overlooked
12. Dynamic Type
13. Dynamic Type Accomplishes one simple goal - make sure everyone can read text at a size of their choosing
14. Dynamic Type Set adjustsFontForContentSizeCategory to true. Assign a font vended from a text style using UIFont.preferredFont(forTextStyle:)
15. Dynamic Type
16. Dynamic Type
17. Scaling Images
18. Scaling Images Set adjustsImageSizeForAccessibility ContentSizeCategory to true Use a vector image Adjust your constraints accordingly
19. Scaling Images
20. Dynamic Type Demo
21. Accessibility properties
22. • isAccessibilityElement
 • accessibilityTraits
 • accessibilityFrame
 • accessibilityLabel
 • accessibilityValue
 • accessibilityHint
 Important accessibility properties
23. A short, to-the-point string that identi fi es the element. It should be localized accessibilityLabel
24. The element’s value if it has one. This should be localized. accessibilityValue
25. Brie fl y describes what would happen if the user interacted with the element. This should be localized. accessibilityHint
26. VoiceOver
27. VoiceOver VoiceOver is the marquee element of accessibility on iOS
28. VoiceOver VoiceOver makes use of accessibility properties for functioning
29. VoiceOver VoiceOver demo from the privacy fi rst, mobile analytics tool - Zoho Apptics - https://www.zoho.com/apptics/
30. Screen Curtain Three fi ngers + Triple Tap
31. VoiceOver Demo
32. VoiceControl
33. Voice Control Useful for people who might have di ff i culty touching or interacting with the physical hardware of their device.
34. Voice Control Voice Control demo from the privacy fi rst, mobile analytics tool - Zoho Apptics - https://www.zoho.com/apptics/
35. Voice Control Demo
36. Rotors
37. Rotors Quick Navigation 
 It can tell VoiceOver to only navigate by, or to, 
 certain elements (such as headers).
38. Rotors 1st Category 2st Category Makes use of accessibilityTraits myTappableLabel.accessibilityTraits = [.header]

39. Accessibility Inspector
40. Accessibility Inspector
41. A recap • Dynamic types • Accessibility properties • Voice over • Voice control • Rotors • Accessibility inspector
42. References - https://ohmyswift.com/ 
 - https://developer.apple.com/ accessibility/
43. Reach out to me @
 
 https://linktr.ee/rizwan95
44. Have a great day