SlideShare a Scribd company logo
Accessibility Experience

    How to tackle accessibility in your app




1
                  –
Hello!

                                             • @ladymoonan
                                             • Accessibility Lead,
                                               Vodafone Group UE
                                             • 10 years experience
                                             • Senior consultant at
                                               AbilityNet
                                             • UPA UK accessibility chair
                                             • User centered design
                                               approach


2   Designing an accessible mobile app
                                         –
Smart access #vsa2011
    Accessibility #a11y




3   Designing an accessible mobile app
                                         –
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



4   Designing an accessible mobile app
                                         –
HOLISTIC APPROACH


5          –
19 markets (total population 1.76 billion)




Approximately 136 million people needs
 Everyone has access
experience
moderate orat some point
            minor disability or have an
access need
Approx. 30 million people have a severe
disability
    6
                   –
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


7      Designing an accessible mobile app
                                            –
Just Ask




8   Designing an accessible mobile app
                                         –
Inclusive design toolkit




9   Designing an accessible mobile app
                                         –
2. Plan from the beginning


                                                        Accessibility
 Number of changes




                 Requirements        Development                   Deployment
                                    Project time line



                                –
3. Follow guidelines

• Mobile Web Best Practices 1.0
  Best practices for mobile web design and development
• WCAG 2.0
  Technology agnostic guidelines from W3C
• BS8878
  Web accessibility: Code of practice
• Barriers Common to Mobile Device Users and People with Disabilities Who is
  affected and what challenges they face
• Designing for accessibility
  By and for Android developers
• Android accessibility
  from the Google Eyes Free project
• http://www.iheni.com/mobile-accessibility-guidelines/


11   Designing an accessible mobile app
                                          –
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




12      Designing an accessible mobile app
                                             –
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




13      Designing an accessible mobile app
                                             –
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




14   Designing an accessible mobile app
                                          –
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)




15   Designing an accessible mobile app
                                          –
16   Designing an accessible mobile app
                                          –
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!




17   Designing an accessible mobile app
                                          –
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




18   Designing an accessible mobile app
                                          –
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)



19   Designing an accessible mobile app
                                          –
Final word to Leonié




                                          “Design like you give a damn!”




20   Designing an accessible mobile app
                                          –
Thanks

                                              @ladymoonan
                                              Kath.moonan@gmail.com




21   Designing an accessible mobile app
                                          –

More Related Content

What's hot

Mobile Usability: Why Great UX Matters More Than Ever
Mobile Usability: Why Great UX Matters More Than EverMobile Usability: Why Great UX Matters More Than Ever
Mobile Usability: Why Great UX Matters More Than Ever
uTest
 
The Coming Mobile Wearable World
The Coming Mobile Wearable WorldThe Coming Mobile Wearable World
The Coming Mobile Wearable World
TechWell
 
Mobile - trends, choices, plans
Mobile - trends, choices, plansMobile - trends, choices, plans
Mobile - trends, choices, plans
David Haskiya
 
Web and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingWeb and Mobile App Accessibility Testing
Web and Mobile App Accessibility Testing
TechWell
 
Designing for mobile user experience
Designing for mobile user experienceDesigning for mobile user experience
Designing for mobile user experience
Sameer Chavan
 
Designing for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & TabletsDesigning for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & Tablets
Sameer Chavan
 
Digital Marketing Strategy for the Four Screens - TV integration, PC, Mobile ...
Digital Marketing Strategy for the Four Screens - TV integration, PC, Mobile ...Digital Marketing Strategy for the Four Screens - TV integration, PC, Mobile ...
Digital Marketing Strategy for the Four Screens - TV integration, PC, Mobile ...
Mike Corak
 
"How to Make TV Apps Work" 10 rules for Connected Tv apps development
"How to Make TV Apps Work" 10 rules for Connected Tv apps development"How to Make TV Apps Work" 10 rules for Connected Tv apps development
"How to Make TV Apps Work" 10 rules for Connected Tv apps development
Javier Lasa
 
Mobile Marketing Techniques
Mobile Marketing TechniquesMobile Marketing Techniques
Mobile Marketing TechniquesJason Ary
 
WCAG 2.1 Mobile Accessibility
WCAG 2.1 Mobile AccessibilityWCAG 2.1 Mobile Accessibility
WCAG 2.1 Mobile Accessibility
Interactive Accessibility
 
Beyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategyBeyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategy
internet-inspired
 
Disruptive technologies
Disruptive technologiesDisruptive technologies
Disruptive technologies
Jonathan Weber
 
App Stores Global Opportunities
App Stores Global OpportunitiesApp Stores Global Opportunities
App Stores Global Opportunities
Kieran Gutteridge
 
thursday's slides
thursday's slidesthursday's slides
thursday's slidesjampro9000
 
#MobileRevolution - How Mobile Is Changing You
#MobileRevolution - How Mobile Is Changing You#MobileRevolution - How Mobile Is Changing You
#MobileRevolution - How Mobile Is Changing You
Alexandre Jubien
 
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAGCSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
Mary Jo Mueller
 
Mobile Monday - WebServices on the iPhone - 05/2008
Mobile Monday - WebServices on the iPhone - 05/2008Mobile Monday - WebServices on the iPhone - 05/2008
Mobile Monday - WebServices on the iPhone - 05/2008Roland Tritsch
 
Demystifying Mobile: Designing with Accessibility in Mind
Demystifying Mobile: Designing with Accessibility in MindDemystifying Mobile: Designing with Accessibility in Mind
Demystifying Mobile: Designing with Accessibility in Mind
Interactive Accessibility
 
Tools and Techniques for mobile learning
Tools and Techniques for mobile learningTools and Techniques for mobile learning
Tools and Techniques for mobile learning
geoff stead
 
Test. slideshare
Test. slideshareTest. slideshare
Test. slideshare
leogiel
 

What's hot (20)

Mobile Usability: Why Great UX Matters More Than Ever
Mobile Usability: Why Great UX Matters More Than EverMobile Usability: Why Great UX Matters More Than Ever
Mobile Usability: Why Great UX Matters More Than Ever
 
The Coming Mobile Wearable World
The Coming Mobile Wearable WorldThe Coming Mobile Wearable World
The Coming Mobile Wearable World
 
Mobile - trends, choices, plans
Mobile - trends, choices, plansMobile - trends, choices, plans
Mobile - trends, choices, plans
 
Web and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingWeb and Mobile App Accessibility Testing
Web and Mobile App Accessibility Testing
 
Designing for mobile user experience
Designing for mobile user experienceDesigning for mobile user experience
Designing for mobile user experience
 
Designing for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & TabletsDesigning for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & Tablets
 
Digital Marketing Strategy for the Four Screens - TV integration, PC, Mobile ...
Digital Marketing Strategy for the Four Screens - TV integration, PC, Mobile ...Digital Marketing Strategy for the Four Screens - TV integration, PC, Mobile ...
Digital Marketing Strategy for the Four Screens - TV integration, PC, Mobile ...
 
"How to Make TV Apps Work" 10 rules for Connected Tv apps development
"How to Make TV Apps Work" 10 rules for Connected Tv apps development"How to Make TV Apps Work" 10 rules for Connected Tv apps development
"How to Make TV Apps Work" 10 rules for Connected Tv apps development
 
Mobile Marketing Techniques
Mobile Marketing TechniquesMobile Marketing Techniques
Mobile Marketing Techniques
 
WCAG 2.1 Mobile Accessibility
WCAG 2.1 Mobile AccessibilityWCAG 2.1 Mobile Accessibility
WCAG 2.1 Mobile Accessibility
 
Beyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategyBeyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategy
 
Disruptive technologies
Disruptive technologiesDisruptive technologies
Disruptive technologies
 
App Stores Global Opportunities
App Stores Global OpportunitiesApp Stores Global Opportunities
App Stores Global Opportunities
 
thursday's slides
thursday's slidesthursday's slides
thursday's slides
 
#MobileRevolution - How Mobile Is Changing You
#MobileRevolution - How Mobile Is Changing You#MobileRevolution - How Mobile Is Changing You
#MobileRevolution - How Mobile Is Changing You
 
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAGCSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
 
Mobile Monday - WebServices on the iPhone - 05/2008
Mobile Monday - WebServices on the iPhone - 05/2008Mobile Monday - WebServices on the iPhone - 05/2008
Mobile Monday - WebServices on the iPhone - 05/2008
 
Demystifying Mobile: Designing with Accessibility in Mind
Demystifying Mobile: Designing with Accessibility in MindDemystifying Mobile: Designing with Accessibility in Mind
Demystifying Mobile: Designing with Accessibility in Mind
 
Tools and Techniques for mobile learning
Tools and Techniques for mobile learningTools and Techniques for mobile learning
Tools and Techniques for mobile learning
 
Test. slideshare
Test. slideshareTest. slideshare
Test. slideshare
 

Similar to How to make your mobile app accessible by Kath Moonan

6 mobile user interface design bb
6   mobile user interface design bb6   mobile user interface design bb
6 mobile user interface design bb
Shahid Riaz
 
The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategies
Ivano Malavolta
 
Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015
Henny Swan
 
Seminar: Putting Mobile First
Seminar: Putting Mobile FirstSeminar: Putting Mobile First
Seminar: Putting Mobile First
Precedent
 
Putting Mobile First
Putting Mobile FirstPutting Mobile First
Putting Mobile First
Precedent
 
Putting Mobile First - July 2013
Putting Mobile First - July 2013Putting Mobile First - July 2013
Putting Mobile First - July 2013Precedent
 
Why go mobile_app_vault_solutions
Why go mobile_app_vault_solutionsWhy go mobile_app_vault_solutions
Why go mobile_app_vault_solutionsAppVault Sales
 
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013Karen N. Johnson
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
Brandon Carson
 
Embracing the mobile frontier and reaching the digital natives
Embracing the mobile frontier and reaching the digital nativesEmbracing the mobile frontier and reaching the digital natives
Embracing the mobile frontier and reaching the digital natives
Ektron
 
Creating Large-Scale Responsive Websites
Creating Large-Scale Responsive WebsitesCreating Large-Scale Responsive Websites
Creating Large-Scale Responsive Websites
Keith Doyle
 
Responsive LMSs VS Native Apps
Responsive LMSs VS Native AppsResponsive LMSs VS Native Apps
Responsive LMSs VS Native Apps
Juliette Denny
 
AEGIS SP4 story - building an accessible mobile application
AEGIS SP4 story - building an accessible mobile applicationAEGIS SP4 story - building an accessible mobile application
AEGIS SP4 story - building an accessible mobile application
AEGIS-ACCESSIBLE Projects
 
Week 3 Lecture: Accessibility
Week 3 Lecture: AccessibilityWeek 3 Lecture: Accessibility
Week 3 Lecture: Accessibility
Katherine McCurdy-Lapierre, R.G.D.
 
UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)
Ergosign GmbH
 
Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resources
Michael Ryan
 
Econsultancy and ethology: Digital Marketing Strategy for the Three Screens
Econsultancy and ethology: Digital Marketing Strategy for the Three ScreensEconsultancy and ethology: Digital Marketing Strategy for the Three Screens
Econsultancy and ethology: Digital Marketing Strategy for the Three Screens
Mike Corak
 
Mobile App Accessibility_ How To Build ADA And WCAG-Compliant Apps.pptx
Mobile App Accessibility_ How To Build ADA And WCAG-Compliant Apps.pptxMobile App Accessibility_ How To Build ADA And WCAG-Compliant Apps.pptx
Mobile App Accessibility_ How To Build ADA And WCAG-Compliant Apps.pptx
LorryThomas1
 
Accesibility challenges, tools and applications Spanish accessibility worksho...
Accesibility challenges, tools and applications Spanish accessibility worksho...Accesibility challenges, tools and applications Spanish accessibility worksho...
Accesibility challenges, tools and applications Spanish accessibility worksho...
AEGIS-ACCESSIBLE Projects
 
Mobile opportunity and options for it
Mobile opportunity and options   for itMobile opportunity and options   for it
Mobile opportunity and options for itTim McGovern
 

Similar to How to make your mobile app accessible by Kath Moonan (20)

6 mobile user interface design bb
6   mobile user interface design bb6   mobile user interface design bb
6 mobile user interface design bb
 
The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategies
 
Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015
 
Seminar: Putting Mobile First
Seminar: Putting Mobile FirstSeminar: Putting Mobile First
Seminar: Putting Mobile First
 
Putting Mobile First
Putting Mobile FirstPutting Mobile First
Putting Mobile First
 
Putting Mobile First - July 2013
Putting Mobile First - July 2013Putting Mobile First - July 2013
Putting Mobile First - July 2013
 
Why go mobile_app_vault_solutions
Why go mobile_app_vault_solutionsWhy go mobile_app_vault_solutions
Why go mobile_app_vault_solutions
 
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
 
Embracing the mobile frontier and reaching the digital natives
Embracing the mobile frontier and reaching the digital nativesEmbracing the mobile frontier and reaching the digital natives
Embracing the mobile frontier and reaching the digital natives
 
Creating Large-Scale Responsive Websites
Creating Large-Scale Responsive WebsitesCreating Large-Scale Responsive Websites
Creating Large-Scale Responsive Websites
 
Responsive LMSs VS Native Apps
Responsive LMSs VS Native AppsResponsive LMSs VS Native Apps
Responsive LMSs VS Native Apps
 
AEGIS SP4 story - building an accessible mobile application
AEGIS SP4 story - building an accessible mobile applicationAEGIS SP4 story - building an accessible mobile application
AEGIS SP4 story - building an accessible mobile application
 
Week 3 Lecture: Accessibility
Week 3 Lecture: AccessibilityWeek 3 Lecture: Accessibility
Week 3 Lecture: Accessibility
 
UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)
 
Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resources
 
Econsultancy and ethology: Digital Marketing Strategy for the Three Screens
Econsultancy and ethology: Digital Marketing Strategy for the Three ScreensEconsultancy and ethology: Digital Marketing Strategy for the Three Screens
Econsultancy and ethology: Digital Marketing Strategy for the Three Screens
 
Mobile App Accessibility_ How To Build ADA And WCAG-Compliant Apps.pptx
Mobile App Accessibility_ How To Build ADA And WCAG-Compliant Apps.pptxMobile App Accessibility_ How To Build ADA And WCAG-Compliant Apps.pptx
Mobile App Accessibility_ How To Build ADA And WCAG-Compliant Apps.pptx
 
Accesibility challenges, tools and applications Spanish accessibility worksho...
Accesibility challenges, tools and applications Spanish accessibility worksho...Accesibility challenges, tools and applications Spanish accessibility worksho...
Accesibility challenges, tools and applications Spanish accessibility worksho...
 
Mobile opportunity and options for it
Mobile opportunity and options   for itMobile opportunity and options   for it
Mobile opportunity and options for it
 

More from Helen Keegan

VR, AI & The Future of Mobile
VR, AI & The Future of Mobile VR, AI & The Future of Mobile
VR, AI & The Future of Mobile
Helen Keegan
 
Mobile Marketing is Your Future
Mobile Marketing is Your FutureMobile Marketing is Your Future
Mobile Marketing is Your Future
Helen Keegan
 
Mobile Marketing in 2014
Mobile Marketing in 2014Mobile Marketing in 2014
Mobile Marketing in 2014
Helen Keegan
 
A short history of location-based services
A short history of location-based servicesA short history of location-based services
A short history of location-based services
Helen Keegan
 
Visual Trust Research UK - Executive Summary
Visual Trust Research UK - Executive SummaryVisual Trust Research UK - Executive Summary
Visual Trust Research UK - Executive Summary
Helen Keegan
 
Futureproof Conference Dublin Nov 09
Futureproof Conference Dublin Nov 09Futureproof Conference Dublin Nov 09
Futureproof Conference Dublin Nov 09
Helen Keegan
 
Tanla Mobile Marketing & Advertising Guide 2008
Tanla Mobile Marketing & Advertising Guide 2008Tanla Mobile Marketing & Advertising Guide 2008
Tanla Mobile Marketing & Advertising Guide 2008
Helen Keegan
 

More from Helen Keegan (7)

VR, AI & The Future of Mobile
VR, AI & The Future of Mobile VR, AI & The Future of Mobile
VR, AI & The Future of Mobile
 
Mobile Marketing is Your Future
Mobile Marketing is Your FutureMobile Marketing is Your Future
Mobile Marketing is Your Future
 
Mobile Marketing in 2014
Mobile Marketing in 2014Mobile Marketing in 2014
Mobile Marketing in 2014
 
A short history of location-based services
A short history of location-based servicesA short history of location-based services
A short history of location-based services
 
Visual Trust Research UK - Executive Summary
Visual Trust Research UK - Executive SummaryVisual Trust Research UK - Executive Summary
Visual Trust Research UK - Executive Summary
 
Futureproof Conference Dublin Nov 09
Futureproof Conference Dublin Nov 09Futureproof Conference Dublin Nov 09
Futureproof Conference Dublin Nov 09
 
Tanla Mobile Marketing & Advertising Guide 2008
Tanla Mobile Marketing & Advertising Guide 2008Tanla Mobile Marketing & Advertising Guide 2008
Tanla Mobile Marketing & Advertising Guide 2008
 

Recently uploaded

Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 

Recently uploaded (20)

Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 

How to make your mobile app accessible by Kath Moonan

  • 1. Accessibility Experience How to tackle accessibility in your app 1 –
  • 2. Hello! • @ladymoonan • Accessibility Lead, Vodafone Group UE • 10 years experience • Senior consultant at AbilityNet • UPA UK accessibility chair • User centered design approach 2 Designing an accessible mobile app –
  • 3. Smart access #vsa2011 Accessibility #a11y 3 Designing an accessible mobile app –
  • 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 4 Designing an accessible mobile app –
  • 6. 19 markets (total population 1.76 billion) Approximately 136 million people needs Everyone has access experience moderate orat some point minor disability or have an access need Approx. 30 million people have a severe disability 6 –
  • 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 7 Designing an accessible mobile app –
  • 8. Just Ask 8 Designing an accessible mobile app –
  • 9. Inclusive design toolkit 9 Designing an accessible mobile app –
  • 10. 2. Plan from the beginning Accessibility Number of changes Requirements Development Deployment Project time line –
  • 11. 3. Follow guidelines • Mobile Web Best Practices 1.0 Best practices for mobile web design and development • WCAG 2.0 Technology agnostic guidelines from W3C • BS8878 Web accessibility: Code of practice • Barriers Common to Mobile Device Users and People with Disabilities Who is affected and what challenges they face • Designing for accessibility By and for Android developers • Android accessibility from 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 • 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 12 Designing an accessible mobile app –
  • 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 13 Designing 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 don’t know how to use their device • May be using older versions • Users don’t want different products – mainstream accessibility 14 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 every sample • 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 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! 17 Designing an accessible mobile app –
  • 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 18 Designing an accessible mobile app –
  • 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) 19 Designing an accessible mobile app –
  • 20. Final word to Leonié “Design like you give a damn!” 20 Designing an accessible mobile app –
  • 21. Thanks @ladymoonan Kath.moonan@gmail.com 21 Designing an accessible mobile app –

Editor's Notes

  1. Peter Morville: Semantic Studios
  2. Vodafone has 19 markets (total population 1.76 billion)Approximately 136 million people experience moderate or minor disability or have an access needApprox. 30 million people have a severe disabilityHowever, everyone has an access need at some point.Natalie Scott, Professor John Clarkson, Ian HoskingSagentia, 2009
  3. Just Ask has lots of practical information on how to involve users with access needs in your research and testing.http://www.uiaccess.com/accessucd/
  4. The inclusive design toolkit – how to implement on any designhttp://www.inclusivedesigntoolkit.com
  5. Accessibility testing often happens at the end of a project when it’s expensive and difficult to implement changes.Include accessibility at the beginning of a project and throughout the process for maximum benefit to users and your business.
  6. There are no defacto guidelines on mobile design. These are good starting points.
  7. Arthritis CareRNIBAction on hearing loss (RNID)British Dyslexia AssociationLearning disability coalition
  8. These comments and observations are gathered from users we’ve spoken to in our research and testing.
  9. Simulators will not provide insight into what it’s like to live with a particular condition or access need.They can be used to test hygiene factors such as text size but not user experience.http://www.inclusivedesigntoolkit.com/betterdesign2/csg/csg.html
  10. Helpful insights into real peoplehttp://designingwithpeople.rca.ac.uk/people
  11. Most of us give affordance to products and services that are easy to use and usefulIPhone battery
  12. tink.co.uk/2011/09/design-like-you-give-a-damn/