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

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Dernier

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
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
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
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
 
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
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsNanddeep Nachan
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
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
 
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
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024The Digital Insurer
 

Dernier (20)

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
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...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
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?
 
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...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
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
 
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...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 

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.