building accessible apps and barclays banking app march 2015 final
TRANSCRIPT
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Building Accessible AppsBarclays Mobile Banking
Case Study
AbilityNet Accessibility Webinar
Thursday 19 March 2015
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Building Accessible Apps
Understanding Accessibility and Apps
Barclays and the business case for accessibility
Refreshing Mobile Banking App – the project
Testing - what we did and what we found
Issues encountered and how we dealt with them
Lessons learned
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Welcome
Head of Digital Inclusion
Robin Christopherson
AbilityNet
Klara Wilhelm
Senior Propositions Manager, Barclays
Joe Chidzik
Senior Accessibility & Usability Consultant
AbilityNet
Paul Smyth
Head of IT Accessibility
Barclays
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
• Workplace Services
• Student Services
• Accessibility Services
• Free IT Support for Disabled People
• My Computer My Way
• Tech4Good Awards
AbilityNetAdapting Technology. Changing Lives.
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Accessibility Goes Mobile
Increasing part of AbilityNet’s work
Web-based Apps vs Native Apps
Accessibility concerns across all platforms
Specific concerns in each major platform
Strong link to usability
Same basic approach – include accessibility as early as possible
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Online & Mobile banking
Telephone banking
Through innovation
Branch banking
Barclays and Accessibility
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Barclays and Mobile Banking
Late to market with our mobile offering – our competitors ahead of us…
But room to innovate through customer experience
•3.8m customers
•1.5m unique logins per day
•4 platforms - iOS, Android, Windows and Blackberry
Mobile presence very important - nearly half of Barclays customers go straight to mobile
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Achieving Accreditation
• Embedded in re-design initiative
• AbilityNet Accreditation set as a goal for the project
• Made accessibility a critical part of the project
• Inclusive design benefits all customers
• Accessibility consultants part of the core team
• Took part in weekly design reviews from as early as concept stage
• Regular user testing with a range of customers
• AbilityNet regular onsite visits supporting design & development team
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Project Timeline
June 2014
• Fed in hot issues and learning from previous accessibility reviews
• Weekly design show and tell with core team including accessibility consultants
• Iterative approach with regular user testing
• Wireframes annotated with accessibility hints
• Build accessibility reviews
November Sign off
December App store submission
January AbilityNet accreditation
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
What we did differently
Accessibility Review
BEFOREToo late to impact design significantly, only allows for retrospective changes
Ongoing Accessibility Reviews
NOWPart of core project, informed inclusive design
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Testing Apps
Constraints with testing code because it’s an app
Typical testing processes for apps
•Voiceover
identify buttons, labels. Etc
•Visual check
layout, colours, instructions, evaluation against standards
•Disabled user testing
Tested this app 3x using special build that didn’t need log in
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Issues raised in testingForm field labelling
Ensuring input fields are well labelled is particularly useful for screenreader users
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Issues raised in testingPasscode entry
Custom keypad
5 separate text inputs for a 5 digit code
No feedback for screenreader users
•which input field they were on
•how many digits had been entered.
Solution:
•Accessibility hints added so that the user heard: “Digit 3 of 5 entered”
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Issues raised in testingMenu behaviour
Menu behaviour is critical for screenreader users
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Lessons learned
• Making accessibility part of core project adds value to usability for all customers
• Include accessibility in day to day working tools & documentation
• Don’t rely on separate site and guidelines
- Personas with impairments
- Accessibility annotations part of UI guidelines
- Design patterns for development teams
• Accessibility considerations make great design for all customers
• If included as part of design phase, can avoid costly retrospective enhancements
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Benefits of this approach
• To customers and their customer feedback
• Increased knowledge and skills of the team members
• Enhanced the contribution of in-house teams and consultants
• Raised awareness internally in relation to other mobile apps
• Design patterns embedded in our own tools
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Questions
• Please use the questions box on the gotomeeting panel
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Contact Us
Accessibility services
[email protected] +44 (0)1926 465 247
@abilitynet
Next AbilityNet Webinars
Controlling your computer with your voice, 1pm, 14 April 2015
UX and Accessibility, 1pm, 23 April 2015
Sign up at www.abilitynet.org.uk/webinars