SlideShare a Scribd company logo
Web Accessibility
Web accessibility is for blind people WRONG
Web accessibility is for the disabled WRONG
Web accessibility is for EVERYONE
An overview
How are people using your site? Keyboard and mouse?
How are these people using your site? Mobile devices
How are these people using your site? Alternative input devices
Your users are not all the same Is your audience male or female, old or young?
Your users are not all the same Your users may be colour blind
Your users are not all the same Your users may suffer from epilepsy 3 flashes within one second can cause a seizure
Legal requirements Disability Discriminations Act (UK) Section 508 (US) a service provider has to take reasonable steps to change a practice which makes it unreasonably difficult for disabled people to make use of its services. Other legislations in different countries Legal cases Maguire v SOCOG (2000) Target (US) Odeon Cinema (UK) Threat of legal action by RNIB and many other pressure groups against many large companies and organisations if they do not make their websites more accessible
Not just a legal thing Enabling more people to use your website increases sales. Enable your brand across a wider range of technologies, and environments An accessible site is generally faster leading to reduced hosting costs An accessible site is generally more search engine optimised leading to increased brand visibility It’s Ethical
Accessibility guidelines WCAG 1 & 2 PAS 78 RNIB See it right Not all about checklists
Web accessibility means dull, boring websites WRONG
Accessible sites can look great too
Accessible sites can look great too
Accessible sites can look great too
Not just people using your website Search Engines don’t care what your site looks like
Basic Requirements (single A compliance) PERCEIVABLE  - alternatives for non-text content - captioning - transcripts OPERABLE - keyboard navigation - timing of moving content can be adjusted - epilepsy - good semantic code UNDERSTANDABLE - Do not open new windows within pre-warning user - Do not change focus from what is expected - Form input assistance - Error handling ROBUST - good semantic code to withstand different user environments
Conformance to WCAG 2.0 Guidelines Each page of the website has to conform for the whole site to achieve conformance Claiming conformance is optional By using the W3Cs logos on your site, you are claiming conformance Do not rely on automated accessibility tools
Let real users loose on your website
Let real users loose on your website
Summary Accessibility is for EVERYONE Use REAL USERS to test your site People use the web in a variety of different ways, and in a variety of environments Accessibility should be an integral part of the whole process, not just a checklist, or an afterthought There’s more than just legal reasons to make your site’s more accessible
More information
Copyright ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

Similar to An Introduction to Web Accessibility

WCAG
WCAGWCAG
Terms and Conditions
Terms and ConditionsTerms and Conditions
Terms and Conditions
Parallel Wireless, Inc.
 
Accessibility 101 and Meeting Web Standards
Accessibility 101 and Meeting Web StandardsAccessibility 101 and Meeting Web Standards
Accessibility 101 and Meeting Web Standards
Delaney Dameron
 
103-Terms+%26+Conditions.docx
103-Terms+%26+Conditions.docx103-Terms+%26+Conditions.docx
103-Terms+%26+Conditions.docx
theextraaedge
 
terms+%26+conditions
terms+%26+conditionsterms+%26+conditions
terms+%26+conditions
theextraaedge
 
Talents crew- jobs for experienced btech - Privacy policy
Talents crew- jobs for experienced btech - Privacy policyTalents crew- jobs for experienced btech - Privacy policy
Talents crew- jobs for experienced btech - Privacy policy
TalentsCrew
 
TV is Next
TV is NextTV is Next
TV is Next
Gary Brode
 
Portland, ME WordPress Meetup - Web Accessibility in 2020
Portland, ME WordPress Meetup - Web Accessibility in 2020Portland, ME WordPress Meetup - Web Accessibility in 2020
Portland, ME WordPress Meetup - Web Accessibility in 2020
Peter Jewett
 
Star Evaluator LLC United States FICHIER.pdf
Star Evaluator LLC United States FICHIER.pdfStar Evaluator LLC United States FICHIER.pdf
Star Evaluator LLC United States FICHIER.pdf
Star Evaluator
 
Talents crew jobs for experienced btech job portal
Talents crew   jobs for experienced btech   job portalTalents crew   jobs for experienced btech   job portal
Talents crew jobs for experienced btech job portal
TalentsCrew
 
Privacy Policy
Privacy PolicyPrivacy Policy
Privacy Policy
Parallel Wireless, Inc.
 
General Privacy policy for scorewiki
General Privacy policy for scorewikiGeneral Privacy policy for scorewiki
General Privacy policy for scorewiki
Saurav Roy
 
A-Z Guide to Cookie Consent and Cookie Laws Around the World.pdf
A-Z Guide to Cookie Consent and Cookie Laws Around the World.pdfA-Z Guide to Cookie Consent and Cookie Laws Around the World.pdf
A-Z Guide to Cookie Consent and Cookie Laws Around the World.pdf
Adzappier
 
Accessibility Geek Up
Accessibility Geek UpAccessibility Geek Up
Accessibility Geek Up
guest67b46c
 
Spa bath accessories
Spa bath accessoriesSpa bath accessories
Spa bath accessories
spakartwebstore
 
Briefpack library system license terms & privacy policy 2020
Briefpack library system license terms & privacy policy 2020Briefpack library system license terms & privacy policy 2020
Briefpack library system license terms & privacy policy 2020
EmmanuelGazelle
 
Privacy Policy
Privacy PolicyPrivacy Policy
Privacy Policy
wedsupply1
 
Privacy Policy
Privacy PolicyPrivacy Policy
Privacy Policy
wedsupply1
 
Privacy Policy
Privacy PolicyPrivacy Policy
Privacy Policy
JCBlake
 
The Environment of Electronic Commerce Legal, Ethical, and Tax .docx
The Environment of Electronic Commerce Legal, Ethical, and Tax .docxThe Environment of Electronic Commerce Legal, Ethical, and Tax .docx
The Environment of Electronic Commerce Legal, Ethical, and Tax .docx
arnoldmeredith47041
 

Similar to An Introduction to Web Accessibility (20)

WCAG
WCAGWCAG
WCAG
 
Terms and Conditions
Terms and ConditionsTerms and Conditions
Terms and Conditions
 
Accessibility 101 and Meeting Web Standards
Accessibility 101 and Meeting Web StandardsAccessibility 101 and Meeting Web Standards
Accessibility 101 and Meeting Web Standards
 
103-Terms+%26+Conditions.docx
103-Terms+%26+Conditions.docx103-Terms+%26+Conditions.docx
103-Terms+%26+Conditions.docx
 
terms+%26+conditions
terms+%26+conditionsterms+%26+conditions
terms+%26+conditions
 
Talents crew- jobs for experienced btech - Privacy policy
Talents crew- jobs for experienced btech - Privacy policyTalents crew- jobs for experienced btech - Privacy policy
Talents crew- jobs for experienced btech - Privacy policy
 
TV is Next
TV is NextTV is Next
TV is Next
 
Portland, ME WordPress Meetup - Web Accessibility in 2020
Portland, ME WordPress Meetup - Web Accessibility in 2020Portland, ME WordPress Meetup - Web Accessibility in 2020
Portland, ME WordPress Meetup - Web Accessibility in 2020
 
Star Evaluator LLC United States FICHIER.pdf
Star Evaluator LLC United States FICHIER.pdfStar Evaluator LLC United States FICHIER.pdf
Star Evaluator LLC United States FICHIER.pdf
 
Talents crew jobs for experienced btech job portal
Talents crew   jobs for experienced btech   job portalTalents crew   jobs for experienced btech   job portal
Talents crew jobs for experienced btech job portal
 
Privacy Policy
Privacy PolicyPrivacy Policy
Privacy Policy
 
General Privacy policy for scorewiki
General Privacy policy for scorewikiGeneral Privacy policy for scorewiki
General Privacy policy for scorewiki
 
A-Z Guide to Cookie Consent and Cookie Laws Around the World.pdf
A-Z Guide to Cookie Consent and Cookie Laws Around the World.pdfA-Z Guide to Cookie Consent and Cookie Laws Around the World.pdf
A-Z Guide to Cookie Consent and Cookie Laws Around the World.pdf
 
Accessibility Geek Up
Accessibility Geek UpAccessibility Geek Up
Accessibility Geek Up
 
Spa bath accessories
Spa bath accessoriesSpa bath accessories
Spa bath accessories
 
Briefpack library system license terms & privacy policy 2020
Briefpack library system license terms & privacy policy 2020Briefpack library system license terms & privacy policy 2020
Briefpack library system license terms & privacy policy 2020
 
Privacy Policy
Privacy PolicyPrivacy Policy
Privacy Policy
 
Privacy Policy
Privacy PolicyPrivacy Policy
Privacy Policy
 
Privacy Policy
Privacy PolicyPrivacy Policy
Privacy Policy
 
The Environment of Electronic Commerce Legal, Ethical, and Tax .docx
The Environment of Electronic Commerce Legal, Ethical, and Tax .docxThe Environment of Electronic Commerce Legal, Ethical, and Tax .docx
The Environment of Electronic Commerce Legal, Ethical, and Tax .docx
 

Recently uploaded

PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Kumud Singh
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Neo4j
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
sonjaschweigert1
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
James Anderson
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Paige Cruz
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website
Pixlogix Infotech
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Vladimir Iglovikov, Ph.D.
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
danishmna97
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
Claudio Di Ciccio
 
RESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for studentsRESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for students
KAMESHS29
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
Data structures and Algorithms in Python.pdf
Data structures and Algorithms in Python.pdfData structures and Algorithms in Python.pdf
Data structures and Algorithms in Python.pdf
TIPNGVN2
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
Uni Systems S.M.S.A.
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 

Recently uploaded (20)

PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
 
RESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for studentsRESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for students
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
Data structures and Algorithms in Python.pdf
Data structures and Algorithms in Python.pdfData structures and Algorithms in Python.pdf
Data structures and Algorithms in Python.pdf
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 

An Introduction to Web Accessibility

  • 2. Web accessibility is for blind people WRONG
  • 3. Web accessibility is for the disabled WRONG
  • 4. Web accessibility is for EVERYONE
  • 6. How are people using your site? Keyboard and mouse?
  • 7. How are these people using your site? Mobile devices
  • 8. How are these people using your site? Alternative input devices
  • 9. Your users are not all the same Is your audience male or female, old or young?
  • 10. Your users are not all the same Your users may be colour blind
  • 11. Your users are not all the same Your users may suffer from epilepsy 3 flashes within one second can cause a seizure
  • 12. Legal requirements Disability Discriminations Act (UK) Section 508 (US) a service provider has to take reasonable steps to change a practice which makes it unreasonably difficult for disabled people to make use of its services. Other legislations in different countries Legal cases Maguire v SOCOG (2000) Target (US) Odeon Cinema (UK) Threat of legal action by RNIB and many other pressure groups against many large companies and organisations if they do not make their websites more accessible
  • 13. Not just a legal thing Enabling more people to use your website increases sales. Enable your brand across a wider range of technologies, and environments An accessible site is generally faster leading to reduced hosting costs An accessible site is generally more search engine optimised leading to increased brand visibility It’s Ethical
  • 14. Accessibility guidelines WCAG 1 & 2 PAS 78 RNIB See it right Not all about checklists
  • 15. Web accessibility means dull, boring websites WRONG
  • 16. Accessible sites can look great too
  • 17. Accessible sites can look great too
  • 18. Accessible sites can look great too
  • 19. Not just people using your website Search Engines don’t care what your site looks like
  • 20. Basic Requirements (single A compliance) PERCEIVABLE - alternatives for non-text content - captioning - transcripts OPERABLE - keyboard navigation - timing of moving content can be adjusted - epilepsy - good semantic code UNDERSTANDABLE - Do not open new windows within pre-warning user - Do not change focus from what is expected - Form input assistance - Error handling ROBUST - good semantic code to withstand different user environments
  • 21. Conformance to WCAG 2.0 Guidelines Each page of the website has to conform for the whole site to achieve conformance Claiming conformance is optional By using the W3Cs logos on your site, you are claiming conformance Do not rely on automated accessibility tools
  • 22. Let real users loose on your website
  • 23. Let real users loose on your website
  • 24. Summary Accessibility is for EVERYONE Use REAL USERS to test your site People use the web in a variety of different ways, and in a variety of environments Accessibility should be an integral part of the whole process, not just a checklist, or an afterthought There’s more than just legal reasons to make your site’s more accessible
  • 26.