how to make your mobile app accessible by kath moonan
DESCRIPTION
A presentation given by accessibility expert, Kath Moonan, at a Mobile Monday Belfast accessibility workshop in September 2011. The workshop was sponsored by Vodafone Foundation Smart Accessibility Awards and ICT KTN.TRANSCRIPT
![Page 1: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/1.jpg)
–
Accessibility Experience
How to tackle accessibility in your app
1
![Page 2: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/2.jpg)
–
2
Hello!
• @ladymoonan
• Accessibility Lead, Vodafone Group UE
• 10 years experience
• Senior consultant at AbilityNet
• UPA UK accessibility chair
• User centered design approach
Designing an accessible mobile app
![Page 3: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/3.jpg)
–
3
Smart access #vsa2011Accessibility #a11y
Designing an accessible mobile app
![Page 4: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/4.jpg)
–
4
How to tackle accessibility in your own app
1. Talk to people with access needs
2. Plan from the beginning
3. Follow guidelines
4. Accessibility isn’t just about screen reader users!
5. Test with people with access needs
6. V1.0 may be a work in progress
7. You don’t have to be perfect to be accessible
Designing an accessible mobile app
![Page 5: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/5.jpg)
–
HOLISTIC APPROACH
5
![Page 6: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/6.jpg)
–
6
Approximately 136 million people experience moderate or minor disability or have an access need
19 markets (total population 1.76 billion)
Approx. 30 million people have a severe disability
Everyone has access needs
at some point
![Page 7: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/7.jpg)
–
7
1. Talk to smartphone users with access needs
• If you’re talking to people you are probably doing this – Mild vision impairment, dyslexia, colour blindness, older users
• Contact disability organisations / adult groups / charities– Self organised, grass roots groups as well as charities– Ensure the people with access needs are from your target
audiences!
• Interest groups:– www.blindtechsupport.net– http://www.nida.org.uk/ (Northern Ireland Dyslexia assoc.)
• Use social media #disability #dyslexia
Designing an accessible mobile app
![Page 8: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/8.jpg)
–
8
Just Ask
Designing an accessible mobile app
![Page 9: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/9.jpg)
–
9
Inclusive design toolkit
Designing an accessible mobile app
![Page 10: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/10.jpg)
–
2. Plan from the beginning
Requirements DeploymentDevelopment
Nu
mb
er
of
ch
an
ges
Accessibility
Project time line
Cost
![Page 11: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/11.jpg)
–
11
3. Follow guidelines
• Mobile Web Best Practices 1.0Best practices for mobile web design and development
• WCAG 2.0Technology agnostic guidelines from W3C
• BS8878Web accessibility: Code of practice
• Barriers Common to Mobile Device Users and People with Disabilities Who is affected and what challenges they face
• Designing for accessibilityBy and for Android developers
• Android accessibilityfrom the Google Eyes Free project
• http://www.iheni.com/mobile-accessibility-guidelines/
Designing an accessible mobile app
![Page 12: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/12.jpg)
–
12
Key points
• Follow common design patterns
• Don’t break built in accessibility
• Simplicity is accessibility
• Reduced functionality helps
• Android: Poor access for partially sighted / low vision– Provide display options – text size, colour
• Follow web standards
Designing an accessible mobile app
![Page 13: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/13.jpg)
–
13
4. Accessibility isn’t just about blind people!
• Arthritis is the most common condition for which people receive Disability Living Allowance (DLA)1
• 1in 30 people in the UK experience sight loss2
– The majority of vision impaired people are partially sighted
• 1 in 7 people in the UK with a hearing impairment3
• 1 in 10 are affected by dyslexia4
• 974,000 people with a learning disability in England5
Designing an accessible mobile app
![Page 14: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/14.jpg)
–
14
Key points on mobile usage
• “If I can do it on my phone I will” (Partially sighted user)
• Users may have a limited amount of time using phone / app
• Users don’t know how to use their device
• May be using older versions
• Users don’t want different products – mainstream accessibility
Designing an accessible mobile app
![Page 15: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/15.jpg)
–
15
5. Test with people with access needs
• See step 1!
• Include a percentage of users with access needs in every sample
• Use personas and walkthroughs
• Use simulators (with caution)
Designing an accessible mobile app
![Page 16: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/16.jpg)
–
16 Designing an accessible mobile app
![Page 17: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/17.jpg)
–
17
6. V1.0 may be a work in progress
“If your product demonstrates enough of its unique selling points (USPs) and no more than that, you’ve achieved your minimal viable product, and you should get it out there right now.” Jonathan Hassell, Chair of BS 88788 committee
This doesn’t mean don’t address the issues at a later stage!
Designing an accessible mobile app
![Page 18: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/18.jpg)
–
18
Upgrades
• Be careful not to degrade accessibility during upgrades
• Don’t keep changing the UI and not informing users (Facebook)
• Tell users about accessibility features
Designing an accessible mobile app
![Page 19: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/19.jpg)
–
19
7. You don’t have to be perfect to be accessible
“We may not end up with a perfect 10 for accessibility. I’m enough of a realist to know that few websites launch in a perfect state, irrespective of accessibility or not.”
Accessibility expert Leonié Watson on Government Digital Service (GDS)
Designing an accessible mobile app
![Page 20: How to make your mobile app accessible by Kath Moonan](https://reader033.vdocument.in/reader033/viewer/2022061217/54b5583d4a795979748b4957/html5/thumbnails/20.jpg)
–
20
Final word to Leonié
“Design like you give a damn!”
Designing an accessible mobile app