SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Plus 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
 

Plus 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
 

Dernier

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
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
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
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
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
 

Dernier (20)

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...
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
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...
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
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
 

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

Notes de l'éditeur

  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