Building and Testing Accessible Apps
AbilityNet webinar Tuesday, September 30, 2014 12:00 AM - 1:00 PM BST
Are you planning to launch an app? Have you already taken the plunge? Have you thought about accessibility?
This webinar is for business decision makers and app developers who need to know how to meet legal guidelines and build apps that work for every user. It will feature practical tips and examples from the AbilityNet labs, where more than half of our auditing and testing work is on mobile, much of it on apps.
Three things to consider when building accessible apps
Don't break what's already fixed
Testing apps for accessibility
AbilityNet’s Robin Christopherson and Raphael Clegg-Vinell will explain how to ensure that your app is accessible, legal and usable.
A recording of this webinar will be made available after the event and posted within this slideshare version.
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
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
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
Mark to inrtroduce – Robin and Raph to say hello and explain their role
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
Mark
Why apps?
Often preferred by disabled people
Usually simpler/single function
Lots of clients asking us to include them in testing
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
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
Raph and Robin
Mark
Asking Robin about temporarily disabled
Mark to ask Robin for comments and mention blog post
Mark to ask Raph to explain what we do
Can then step through colour contrast example over next two screens