![Page 1: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/1.jpg)
How to build accessibility into your next digital project
AbilityNet Accessibility Webinar
22 October 2013
www.abilitynet.org.uk
@AbilityNet
![Page 2: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/2.jpg)
Welcome
Digital accessibility is NOT a bolt-on option
Websites, apps, digital services
Build it in from the start
Personas, wireframes, skills, knowledge, testing
Web designers, developers, UX designers, etc
+ comms team, marketing, business managers, CEOs
![Page 3: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/3.jpg)
Hello
Robin Christopherson, Head of Digital Inclusion
Mark Walker, Marketing Manager
![Page 4: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/4.jpg)
Why does accessibility matter?
Business case
Social case
Legal case
Usability
SEO
![Page 5: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/5.jpg)
Don’t just bolt it on…
![Page 6: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/6.jpg)
What problem are we solving?
Last minute requests for help and urgent projects
Constraints of technologies already chosen
Not understanding what digital accessibility means
Don’t care about accessibility
Can’t all be done by an accessibility champion
Accessibility isn’t built into our processes
![Page 7: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/7.jpg)
Five ways to build accessibility into your next project
Training and awareness-building
Diverse personas
Wireframe and design reviews
Testing code
AT and user testing
![Page 8: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/8.jpg)
Training and awareness-building
Raising awareness
Disabilities, practical issues, assistive technologies
Specific skills, relevant to role
Design, testing, code, checklists, toolbars
Project management
BS8878 – best practice framework
![Page 10: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/10.jpg)
Diverse personas
Core ingredient in user-centred designs
Reflect a variety of needs across a range of customers
Not just bolted on
AbilityNet Diverse Personas
![Page 11: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/11.jpg)
Wireframe and design reviews
Identify issues at an early stage
Inform guidelines for future projects
Consistent positioning of page elements
Good use of white space
Colour contrast
webaim.org/resources/contrastchecker/
![Page 12: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/12.jpg)
Testing code
Detailed audits dig deep but simple tests can help at any stage
Free tools/toolbars are available
wave.webaim.org/
Enterprise-ready options
Compliance Sheriff
Accessible code and script libraries
![Page 13: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/13.jpg)
AT and User Testing
If you can only afford one set of tests…
Disabled user testing = extreme user testing?
DIY - core set of access methodologies and technologies
eg keyboard navigation or VoiceOver or NVDA
Demo of your designs using common Assistive
Technologies
![Page 14: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/14.jpg)
What next?
Don’t just bolt it on
Try the e-learning course at www.bcs.org/dawe
Review personas
Test at each stage
Build best practice into future projects
Include it on the agenda of next project meeting
![Page 15: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/15.jpg)
Where to get help
BS8878 www.abilitynet.org.uk/BS8878Nutshell
DAWE www.bcs.org/dawe
WebAIM www.webaim.org
AbilityNet Accessibility Services
01926 465 247
![Page 16: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/16.jpg)
Upcoming webinars
The Business Case for Digital Accessibility
1:00 PM - 2:00 PM GMT
Thurs, Nov 28, 2013
Digital Accessibility 101: Where to start, what to do and why
1:00 PM - 2:00 PM GMT
Weds, Dec 11, 2013
![Page 17: How to build accessibility into your next digital project Oct 2013](https://reader036.vdocuments.us/reader036/viewer/2022070313/554beb8fb4c9055a368b4e84/html5/thumbnails/17.jpg)
Digital AccessibilityReach Every Customer on Every Platform
AbilityNet Accessibility Services
01926 465 247
Follow us
www.abilitynet.org.uk/webinars
www.slideshare.com/abilitynet
www.twitter.com/abilitynet