SlideShare a Scribd company logo
1 of 26
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

Accessibility 101 and Meeting Web Standards
Accessibility 101 and Meeting Web StandardsAccessibility 101 and Meeting Web Standards
Accessibility 101 and Meeting Web StandardsDelaney Dameron
 
103-Terms+%26+Conditions.docx
103-Terms+%26+Conditions.docx103-Terms+%26+Conditions.docx
103-Terms+%26+Conditions.docxtheextraaedge
 
terms+%26+conditions
terms+%26+conditionsterms+%26+conditions
terms+%26+conditionstheextraaedge
 
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 policyTalentsCrew
 
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 2020Peter 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.pdfStar 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 portalTalentsCrew
 
General Privacy policy for scorewiki
General Privacy policy for scorewikiGeneral Privacy policy for scorewiki
General Privacy policy for scorewikiSaurav 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.pdfAdzappier
 
Accessibility Geek Up
Accessibility Geek UpAccessibility Geek Up
Accessibility Geek Upguest67b46c
 
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 2020EmmanuelGazelle
 
Privacy Policy
Privacy PolicyPrivacy Policy
Privacy Policywedsupply1
 
Privacy Policy
Privacy PolicyPrivacy Policy
Privacy Policywedsupply1
 
Privacy Policy
Privacy PolicyPrivacy Policy
Privacy PolicyJCBlake
 
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 .docxarnoldmeredith47041
 

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

Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 

Recently uploaded (20)

Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 

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.