SlideShare uma empresa Scribd logo
1 de 17
How to build accessibility into
your next digital project
AbilityNet Accessibility Webinar
22 October 2013

www.abilitynet.org.uk
@AbilityNet
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
Hello
Robin Christopherson,
Head of Digital Inclusion

Mark Walker,
Marketing Manager
Why does accessibility matter?
 Business case
 Social case
 Legal case
 Usability
 SEO
Don’t just bolt it on…
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
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
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
Digital Accessibility: Web Essentials

www.bcs.org/dawe
Diverse personas
 Core ingredient in usercentred designs
 Reflect a variety of
needs across a range
of customers
 Not just bolted on
 AbilityNet Diverse Personas
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/
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
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
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
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
 sales@abilitynet.org.uk
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
Digital Accessibility
Reach Every Customer on Every Platform
AbilityNet Accessibility Services
 01926 465 247
 sales@abilitynet.org.uk
Follow us
 www.abilitynet.org.uk/webinars
 www.slideshare.com/abilitynet
 www.twitter.com/abilitynet

Mais conteúdo relacionado

Mais de AbilityNet

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
 
Cost of Living Crisis and how digital can help.pptx
Cost of Living Crisis and how digital can help.pptxCost of Living Crisis and how digital can help.pptx
Cost of Living Crisis and how digital can help.pptxAbilityNet
 
Accessibility Insights with Hector Minto of Microsoft.pptx
Accessibility Insights with Hector Minto of Microsoft.pptxAccessibility Insights with Hector Minto of Microsoft.pptx
Accessibility Insights with Hector Minto of Microsoft.pptxAbilityNet
 

Mais de AbilityNet (20)

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
 
Cost of Living Crisis and how digital can help.pptx
Cost of Living Crisis and how digital can help.pptxCost of Living Crisis and how digital can help.pptx
Cost of Living Crisis and how digital can help.pptx
 
Accessibility Insights with Hector Minto of Microsoft.pptx
Accessibility Insights with Hector Minto of Microsoft.pptxAccessibility Insights with Hector Minto of Microsoft.pptx
Accessibility Insights with Hector Minto of Microsoft.pptx
 

Último

Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一Fi L
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 

Último (20)

Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 

How to build accessibility into your next digital project Oct 2013

  • 1. How to build accessibility into your next digital project AbilityNet Accessibility Webinar 22 October 2013 www.abilitynet.org.uk @AbilityNet
  • 2. 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
  • 3. Hello Robin Christopherson, Head of Digital Inclusion Mark Walker, Marketing Manager
  • 4. Why does accessibility matter?  Business case  Social case  Legal case  Usability  SEO
  • 5. Don’t just bolt it on…
  • 6. 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
  • 7. 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
  • 8. 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
  • 9. Digital Accessibility: Web Essentials www.bcs.org/dawe
  • 10. Diverse personas  Core ingredient in usercentred designs  Reflect a variety of needs across a range of customers  Not just bolted on  AbilityNet Diverse Personas
  • 11. 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/
  • 12. 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
  • 13. 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
  • 14. 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
  • 15. 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  sales@abilitynet.org.uk
  • 16. 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
  • 17. Digital Accessibility Reach Every Customer on Every Platform AbilityNet Accessibility Services  01926 465 247  sales@abilitynet.org.uk Follow us  www.abilitynet.org.uk/webinars  www.slideshare.com/abilitynet  www.twitter.com/abilitynet

Notas do Editor

  1. 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
  2. because digital accessibility is more than just alt tags It’s not a legal requirement to achieve compliance – although it’s a helpful ingredient It’s about helping people do what they want – and helping them do it on your site instead of those of your competitors = thinking about the whole user journey It’s about aiming to provide a seamless user journey to the information or service I require It tells me What to expect on this site What barriers could I encounter What things to avoid As well as being a chance to be very positive about all the adaptations you’ve made to help me use your service LET ME GIVE YOU AN EXAMPLE Choosing an online shopping service – try Sainsburys
  3. What