SlideShare a Scribd company logo
1 of 14
How to Build and Test 
Accessible Apps 
AbilityNet Webinar 
1pm BST, 20 September 2014 
Webinar archive at www.abilitynet.org.uk/webinars
Welcome 
Robin Christopherson, AbilityNet 
Raphael Clegg-Vinell, AbilityNet 
Mark Walker, AbilityNet 
Webinar archive at www.abilitynet.org.uk/webinars
AbilityNet 
• Accessibility Testing 
• User Testing 
• Design Reviews 
• Desktop, Mobile and Tablet 
Integration 
• Accessibility Accreditation 
• Service Agreements 
• My Computer My Way 
Webinar archive at www.abilitynet.org.uk/webinars
Build and Test Accessible Apps 
Build accessibility in to your design 
processes 
Choose the right guidelines 
Remember that accessible design 
delivers better UX 
Don’t break what’s already fixed 
Testing apps 
Webinar archive at www.abilitynet.org.uk/webinars
www.boostmediaentertainment.com 
Webinar archive at www.abilitynet.org.uk/webinars
Are you using the right guidelines? 
Webinar archive at www.abilitynet.org.uk/webinars
App guidelines specific to each OS 
Start with the guidelines for 
each platform 
iOS Guidelines 
Android developer guidelines 
Windows 8 Phone 
Blackberry Accessibility 
www.abilitynet.org.uk/blog 
Webinar archive at www.abilitynet.org.uk/webinars
Good accessibility is good usability 
Mobile users may be ‘temporarily 
disabled’ 
• Visual impairment/sunny day 
• Test it yourself with 
VoiceOver/TalkBack 
• Colour contrast and invert colours 
• Font size 
Think about accessibility when devising 
your personas + user journeys 
Webinar archive at www.abilitynet.org.uk/webinars
Don’t break what’s already fixed 
Accessibility features are built into every operating system 
Find a list of links in the blog post for this webinar 
at www.abilitynet.org.uk/blog 
Webinar archive at www.abilitynet.org.uk/webinars
Testing apps 
Start with the same checklist as web content 
• Colour contrast 
• User testing 
Add test to reflect usage 
• Button proximity 
• How busy it is 
• Clickable areas/size/proximity 
Can’t be tested at code level outside the developer tool 
• Apple does test for ‘quality’ but not ‘accessibility’ 
Webinar archive at www.abilitynet.org.uk/webinars
Testing colour contrast 
Webinar archive at www.abilitynet.org.uk/webinars
snook.ca/technical/colour_contrast/colour.html 
Webinar archive at www.abilitynet.org.uk/webinars
Build and Test Accessible Apps 
Build accessibility in to your design 
processes 
Choose the right guidelines 
Remember that accessible design 
delivers better UX 
Don’t break what’s already fixed 
Testing apps is not quite the same as 
testing mobile web 
Read more: www.abilitynet.org.uk/blog 
Webinar archive at www.abilitynet.org.uk/webinars
Contact Us 
Talk to us about our Accessibility Services 
www.abilitynet.org.uk/accessibility-services 
sales@abilitynet.org.uk +44 1926 465 247 
robin.christopherson@abilitynet.org.uk @abilitynet 
Next AbilityNet webinar: 
What every HR Director needs to know about disability and technology in the 
workplace, 1pm BST, 14 October 
How Barclays Made the Business Case for Accessibility 
1pm BST 21 October, 2014 
Sign up at www.abilitynet.org.uk/webinars 
Webinar archive at www.abilitynet.org.uk/webinars

More Related Content

More from AbilityNet

What's New in WCAG 2.2? - AbilityNet webinar
What's New in WCAG 2.2? - AbilityNet webinarWhat's New in WCAG 2.2? - AbilityNet webinar
What's New in WCAG 2.2? - AbilityNet webinarAbilityNet
 
Webinar: How to avoid the 12 Scams of Christmas
Webinar: How to avoid the 12 Scams of ChristmasWebinar: How to avoid the 12 Scams of Christmas
Webinar: How to avoid the 12 Scams of ChristmasAbilityNet
 
WCAG 2.2 - An Overview of the New Accessibility Guidelines.pptx
WCAG 2.2 - An Overview of the New Accessibility Guidelines.pptxWCAG 2.2 - An Overview of the New Accessibility Guidelines.pptx
WCAG 2.2 - An Overview of the New Accessibility Guidelines.pptxAbilityNet
 
Attitudes to Digital Accessibility Survey results Oct 2023 webinar
Attitudes to Digital Accessibility Survey results Oct 2023 webinarAttitudes to Digital Accessibility Survey results Oct 2023 webinar
Attitudes to Digital Accessibility Survey results Oct 2023 webinarAbilityNet
 
Tech Tools for Dyslexia at work, in education and at home
Tech Tools for Dyslexia at work, in education and at homeTech Tools for Dyslexia at work, in education and at home
Tech Tools for Dyslexia at work, in education and at homeAbilityNet
 
How will artificial intelligence change accessibility testing.pptx
How will artificial intelligence change accessibility testing.pptxHow will artificial intelligence change accessibility testing.pptx
How will artificial intelligence change accessibility testing.pptxAbilityNet
 
Top tips for boosting your digital skills, with BT Group and Age UK
Top tips for boosting your digital skills, with BT Group and Age UKTop tips for boosting your digital skills, with BT Group and Age UK
Top tips for boosting your digital skills, with BT Group and Age UKAbilityNet
 
How to make remote and hybrid work accessible for every employee
How to make remote and hybrid work accessible for every employeeHow to make remote and hybrid work accessible for every employee
How to make remote and hybrid work accessible for every employeeAbilityNet
 
How to improve accessibility in procurement webinar
How to improve accessibility in procurement webinarHow to improve accessibility in procurement webinar
How to improve accessibility in procurement webinarAbilityNet
 
How volunteering can benefit you or your organisation, with Capgemini
How volunteering can benefit you or your organisation, with CapgeminiHow volunteering can benefit you or your organisation, with Capgemini
How volunteering can benefit you or your organisation, with CapgeminiAbilityNet
 
Multiple Sclerosis: How tech can support you
Multiple Sclerosis: How tech can support youMultiple Sclerosis: How tech can support you
Multiple Sclerosis: How tech can support youAbilityNet
 
Inclusive employee experience in the finance and insurance sector
Inclusive employee experience in the finance and insurance sectorInclusive employee experience in the finance and insurance sector
Inclusive employee experience in the finance and insurance sectorAbilityNet
 
How the right tech can make the NHS accessible to all FINAL.pptx
How the right tech can make the NHS accessible to all FINAL.pptxHow the right tech can make the NHS accessible to all FINAL.pptx
How the right tech can make the NHS accessible to all FINAL.pptxAbilityNet
 
Higher Education PSBAR accessibility requirements
Higher Education PSBAR accessibility requirementsHigher Education PSBAR accessibility requirements
Higher Education PSBAR accessibility requirementsAbilityNet
 
Accessibility Insights with David Padmore and Matt Simpson of ITV.pptx
Accessibility Insights with David Padmore and Matt Simpson of ITV.pptxAccessibility Insights with David Padmore and Matt Simpson of ITV.pptx
Accessibility Insights with David Padmore and Matt Simpson of ITV.pptxAbilityNet
 
Top tips for how tech can help with hearing loss
Top tips for how tech can help with hearing lossTop tips for how tech can help with hearing loss
Top tips for how tech can help with hearing lossAbilityNet
 
Accessibility Insights with Natalie Tucker of Spotify.pptx
Accessibility Insights with Natalie Tucker of Spotify.pptxAccessibility Insights with Natalie Tucker of Spotify.pptx
Accessibility Insights with Natalie Tucker of Spotify.pptxAbilityNet
 
Don't disable me: how language, organisational culture and equipment enables ...
Don't disable me: how language, organisational culture and equipment enables ...Don't disable me: how language, organisational culture and equipment enables ...
Don't disable me: how language, organisational culture and equipment enables ...AbilityNet
 
Accessibility Insights Heather Dowdy 2022
Accessibility Insights Heather Dowdy 2022Accessibility Insights Heather Dowdy 2022
Accessibility Insights Heather Dowdy 2022AbilityNet
 
How accessibility improves SEO.pptx
How accessibility improves SEO.pptxHow accessibility improves SEO.pptx
How accessibility improves SEO.pptxAbilityNet
 

More from AbilityNet (20)

What's New in WCAG 2.2? - AbilityNet webinar
What's New in WCAG 2.2? - AbilityNet webinarWhat's New in WCAG 2.2? - AbilityNet webinar
What's New in WCAG 2.2? - AbilityNet webinar
 
Webinar: How to avoid the 12 Scams of Christmas
Webinar: How to avoid the 12 Scams of ChristmasWebinar: How to avoid the 12 Scams of Christmas
Webinar: How to avoid the 12 Scams of Christmas
 
WCAG 2.2 - An Overview of the New Accessibility Guidelines.pptx
WCAG 2.2 - An Overview of the New Accessibility Guidelines.pptxWCAG 2.2 - An Overview of the New Accessibility Guidelines.pptx
WCAG 2.2 - An Overview of the New Accessibility Guidelines.pptx
 
Attitudes to Digital Accessibility Survey results Oct 2023 webinar
Attitudes to Digital Accessibility Survey results Oct 2023 webinarAttitudes to Digital Accessibility Survey results Oct 2023 webinar
Attitudes to Digital Accessibility Survey results Oct 2023 webinar
 
Tech Tools for Dyslexia at work, in education and at home
Tech Tools for Dyslexia at work, in education and at homeTech Tools for Dyslexia at work, in education and at home
Tech Tools for Dyslexia at work, in education and at home
 
How will artificial intelligence change accessibility testing.pptx
How will artificial intelligence change accessibility testing.pptxHow will artificial intelligence change accessibility testing.pptx
How will artificial intelligence change accessibility testing.pptx
 
Top tips for boosting your digital skills, with BT Group and Age UK
Top tips for boosting your digital skills, with BT Group and Age UKTop tips for boosting your digital skills, with BT Group and Age UK
Top tips for boosting your digital skills, with BT Group and Age UK
 
How to make remote and hybrid work accessible for every employee
How to make remote and hybrid work accessible for every employeeHow to make remote and hybrid work accessible for every employee
How to make remote and hybrid work accessible for every employee
 
How to improve accessibility in procurement webinar
How to improve accessibility in procurement webinarHow to improve accessibility in procurement webinar
How to improve accessibility in procurement webinar
 
How volunteering can benefit you or your organisation, with Capgemini
How volunteering can benefit you or your organisation, with CapgeminiHow volunteering can benefit you or your organisation, with Capgemini
How volunteering can benefit you or your organisation, with Capgemini
 
Multiple Sclerosis: How tech can support you
Multiple Sclerosis: How tech can support youMultiple Sclerosis: How tech can support you
Multiple Sclerosis: How tech can support you
 
Inclusive employee experience in the finance and insurance sector
Inclusive employee experience in the finance and insurance sectorInclusive employee experience in the finance and insurance sector
Inclusive employee experience in the finance and insurance sector
 
How the right tech can make the NHS accessible to all FINAL.pptx
How the right tech can make the NHS accessible to all FINAL.pptxHow the right tech can make the NHS accessible to all FINAL.pptx
How the right tech can make the NHS accessible to all FINAL.pptx
 
Higher Education PSBAR accessibility requirements
Higher Education PSBAR accessibility requirementsHigher Education PSBAR accessibility requirements
Higher Education PSBAR accessibility requirements
 
Accessibility Insights with David Padmore and Matt Simpson of ITV.pptx
Accessibility Insights with David Padmore and Matt Simpson of ITV.pptxAccessibility Insights with David Padmore and Matt Simpson of ITV.pptx
Accessibility Insights with David Padmore and Matt Simpson of ITV.pptx
 
Top tips for how tech can help with hearing loss
Top tips for how tech can help with hearing lossTop tips for how tech can help with hearing loss
Top tips for how tech can help with hearing loss
 
Accessibility Insights with Natalie Tucker of Spotify.pptx
Accessibility Insights with Natalie Tucker of Spotify.pptxAccessibility Insights with Natalie Tucker of Spotify.pptx
Accessibility Insights with Natalie Tucker of Spotify.pptx
 
Don't disable me: how language, organisational culture and equipment enables ...
Don't disable me: how language, organisational culture and equipment enables ...Don't disable me: how language, organisational culture and equipment enables ...
Don't disable me: how language, organisational culture and equipment enables ...
 
Accessibility Insights Heather Dowdy 2022
Accessibility Insights Heather Dowdy 2022Accessibility Insights Heather Dowdy 2022
Accessibility Insights Heather Dowdy 2022
 
How accessibility improves SEO.pptx
How accessibility improves SEO.pptxHow accessibility improves SEO.pptx
How accessibility improves SEO.pptx
 

Building and Testing Accessible Apps - free AbilityNet webinar, 30 Sept 2014 v2

  • 1. How to Build and Test Accessible Apps AbilityNet Webinar 1pm BST, 20 September 2014 Webinar archive at www.abilitynet.org.uk/webinars
  • 2. Welcome Robin Christopherson, AbilityNet Raphael Clegg-Vinell, AbilityNet Mark Walker, AbilityNet Webinar archive at www.abilitynet.org.uk/webinars
  • 3. AbilityNet • Accessibility Testing • User Testing • Design Reviews • Desktop, Mobile and Tablet Integration • Accessibility Accreditation • Service Agreements • My Computer My Way Webinar archive at www.abilitynet.org.uk/webinars
  • 4. Build and Test Accessible Apps Build accessibility in to your design processes Choose the right guidelines Remember that accessible design delivers better UX Don’t break what’s already fixed Testing apps Webinar archive at www.abilitynet.org.uk/webinars
  • 5. www.boostmediaentertainment.com Webinar archive at www.abilitynet.org.uk/webinars
  • 6. Are you using the right guidelines? Webinar archive at www.abilitynet.org.uk/webinars
  • 7. App guidelines specific to each OS Start with the guidelines for each platform iOS Guidelines Android developer guidelines Windows 8 Phone Blackberry Accessibility www.abilitynet.org.uk/blog Webinar archive at www.abilitynet.org.uk/webinars
  • 8. Good accessibility is good usability Mobile users may be ‘temporarily disabled’ • Visual impairment/sunny day • Test it yourself with VoiceOver/TalkBack • Colour contrast and invert colours • Font size Think about accessibility when devising your personas + user journeys Webinar archive at www.abilitynet.org.uk/webinars
  • 9. Don’t break what’s already fixed Accessibility features are built into every operating system Find a list of links in the blog post for this webinar at www.abilitynet.org.uk/blog Webinar archive at www.abilitynet.org.uk/webinars
  • 10. Testing apps Start with the same checklist as web content • Colour contrast • User testing Add test to reflect usage • Button proximity • How busy it is • Clickable areas/size/proximity Can’t be tested at code level outside the developer tool • Apple does test for ‘quality’ but not ‘accessibility’ Webinar archive at www.abilitynet.org.uk/webinars
  • 11. Testing colour contrast Webinar archive at www.abilitynet.org.uk/webinars
  • 13. Build and Test Accessible Apps Build accessibility in to your design processes Choose the right guidelines Remember that accessible design delivers better UX Don’t break what’s already fixed Testing apps is not quite the same as testing mobile web Read more: www.abilitynet.org.uk/blog Webinar archive at www.abilitynet.org.uk/webinars
  • 14. Contact Us Talk to us about our Accessibility Services www.abilitynet.org.uk/accessibility-services sales@abilitynet.org.uk +44 1926 465 247 robin.christopherson@abilitynet.org.uk @abilitynet Next AbilityNet webinar: What every HR Director needs to know about disability and technology in the workplace, 1pm BST, 14 October How Barclays Made the Business Case for Accessibility 1pm BST 21 October, 2014 Sign up at www.abilitynet.org.uk/webinars Webinar archive at www.abilitynet.org.uk/webinars

Editor's Notes

  1. Mark to inrtroduce – Robin and Raph to say hello and explain their role
  2. Mark We work with some of the biggest names in global business, delivering world class services. They use us because they are clear about the business case
  3. Mark Why apps? Often preferred by disabled people Usually simpler/single function Lots of clients asking us to include them in testing
  4. Mark Build it into your design process Here is an example Mark to ask Robin “so where should accessibility be in the design process?’ This process is: Proposal Agreement Creative Brief Handoff Asset checklist The kickoff Schematic design UI Design Development Beta Shipped to store
  5. Mark to explain Screengrab shows www.w3.org/wai/mobile Accessibility guidelines exist Mark to ask Raph to explain some of the options for guidelines and why these are not the only answer
  6. Raph and Robin
  7. Mark Asking Robin about temporarily disabled
  8. Mark to ask Robin for comments and mention blog post
  9. Mark to ask Raph to explain what we do Can then step through colour contrast example over next two screens
  10. Mark to sum up