Top Banner

Click here to load reader

How to make your mobile app accessible by Kath Moonan

Jan 14, 2015

ReportDownload

Design

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.

  • 1. Accessibility ExperienceHow to tackle accessibility in your app1

2. Hello! @ladymoonan Accessibility Lead, Vodafone Group UE 10 years experience Senior consultant at AbilityNet UPA UK accessibility chair User centered design approach2 Designing an accessible mobile app 3. Smart access #vsa2011Accessibility #a11y3 Designing an accessible mobile app 4. How to tackle accessibility in your own app1. Talk to people with access needs2. Plan from the beginning3. Follow guidelines4. Accessibility isnt just about screen reader users!5. Test with people with access needs6. V1.0 may be a work in progress7. You dont have to be perfect to be accessible4 Designing an accessible mobile app 5. HOLISTIC APPROACH5 6. 19 markets (total population 1.76 billion)Approximately 136 million people needs Everyone has accessexperiencemoderate orat some pointminor disability or have anaccess needApprox. 30 million people have a severedisability6 7. 1. Talk to smartphone users with access needs If youre 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 targetaudiences! Interest groups: www.blindtechsupport.net http://www.nida.org.uk/ (Northern Ireland Dyslexia assoc.) Use social media #disability #dyslexia7Designing an accessible mobile app 8. Just Ask8 Designing an accessible mobile app 9. Inclusive design toolkit9 Designing an accessible mobile app 10. 2. Plan from the beginningAccessibility Number of changes RequirementsDevelopment DeploymentProject time line 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 isaffected 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/11 Designing an accessible mobile app 12. Key points Follow common design patterns Dont 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 standards12Designing an accessible mobile app 13. 4. Accessibility isnt just about blind people! Arthritis is the most common condition for which peoplereceive 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 England513Designing an accessible mobile app 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 dont know how to use their device May be using older versions Users dont want different products mainstreamaccessibility14 Designing an accessible mobile app 15. 5. Test with people with access needs See step 1! Include a percentage of users with access needs in everysample Use personas and walkthroughs Use simulators (with caution)15 Designing an accessible mobile app 16. 16 Designing an accessible mobile app 17. 6. V1.0 may be a work in progressIf your product demonstratesenough of its unique selling points(USPs) and no more than that,youve achieved your minimalviable product, and you should getit out there right now.Jonathan Hassell, Chair of BS88788 committeeThis doesnt mean dont addressthe issues at a later stage!17 Designing an accessible mobile app 18. Upgrades Be careful not to degrade accessibility during upgrades Dont keep changing the UI and not informing users(Facebook) Tell users about accessibility features18 Designing an accessible mobile app 19. 7. You dont have to be perfect to be accessibleWe may not end up with aperfect 10 for accessibility.Im enough of a realist toknow that few websiteslaunch in a perfect state,irrespective of accessibilityor not.Accessibility expert LeoniWatson on GovernmentDigital Service (GDS)19 Designing an accessible mobile app 20. Final word to LeoniDesign like you give a damn!20 Designing an accessible mobile app 21. [email protected]@gmail.com21 Designing an accessible mobile app