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 © Copyright 2008 Billington Cartmell Limited trading as Billington Cartmell. All rights reserved.   Copyright protection claimed includes all forms of copyrightable material and information now allowed by statute law or otherwise, or hereinafter created.  The information attached may not be copied either in whole or in part, otherwise reproduced or transferred to any third party, without the express prior written consent of Billington Cartmell.   Billington Cartmell hereby asserts its moral rights as the author of the information attached.   You acknowledge that the information attached is of a strictly confidential nature and belongs to Billington Cartmell.  Accordingly you will not and will procure that no other person shall at any time without the prior written consent of Billington Cartmell make any copies thereof or divulge or use whether directly or indirectly for your own benefit or that of any other person, firm or company any of the attached information or any information which may be communicated to or otherwise acquired by you in connection with the attached information.

More Related Content

PDF
Jared Smith - Introduction to Web Accessibility
PPT
Hci gattech32 ubiquitous-computing
PDF
Web accessibility
PPTX
Designing for Accessibility - Front End North - September 2016
PPTX
Web Accessibility
PPTX
Introduction To Web Accessibility
PPT
Understanding Web Accessibility
DOCX
Eleven Steps To Making Your Website Legally Compliant
Jared Smith - Introduction to Web Accessibility
Hci gattech32 ubiquitous-computing
Web accessibility
Designing for Accessibility - Front End North - September 2016
Web Accessibility
Introduction To Web Accessibility
Understanding Web Accessibility
Eleven Steps To Making Your Website Legally Compliant

Similar to An Introduction to Web Accessibility (20)

DOCX
Terms and Conditions
PDF
Accessibility 101 and Meeting Web Standards
DOCX
103-Terms+%26+Conditions.docx
DOCX
terms+%26+conditions
PDF
Talents crew- jobs for experienced btech - Privacy policy
PDF
TV is Next
PDF
Portland, ME WordPress Meetup - Web Accessibility in 2020
PDF
Star Evaluator LLC United States FICHIER.pdf
PDF
Is Your Website ADA Compliant? Michael Rivera
PPTX
Talents crew jobs for experienced btech job portal
DOCX
Privacy Policy
DOC
General Privacy policy for scorewiki
PDF
A-Z Guide to Cookie Consent and Cookie Laws Around the World.pdf
PPT
Accessibility Geek Up
PPTX
Spa bath accessories
DOCX
Briefpack library system license terms & privacy policy 2020
PDF
Privacy Policy
PDF
Privacy Policy
PDF
Privacy Policy
Terms and Conditions
Accessibility 101 and Meeting Web Standards
103-Terms+%26+Conditions.docx
terms+%26+conditions
Talents crew- jobs for experienced btech - Privacy policy
TV is Next
Portland, ME WordPress Meetup - Web Accessibility in 2020
Star Evaluator LLC United States FICHIER.pdf
Is Your Website ADA Compliant? Michael Rivera
Talents crew jobs for experienced btech job portal
Privacy Policy
General Privacy policy for scorewiki
A-Z Guide to Cookie Consent and Cookie Laws Around the World.pdf
Accessibility Geek Up
Spa bath accessories
Briefpack library system license terms & privacy policy 2020
Privacy Policy
Privacy Policy
Privacy Policy
Ad

Recently uploaded (20)

PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
Spectroscopy.pptx food analysis technology
PPTX
Big Data Technologies - Introduction.pptx
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
Programs and apps: productivity, graphics, security and other tools
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Machine learning based COVID-19 study performance prediction
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Building Integrated photovoltaic BIPV_UPV.pdf
Spectroscopy.pptx food analysis technology
Big Data Technologies - Introduction.pptx
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Assigned Numbers - 2025 - Bluetooth® Document
MIND Revenue Release Quarter 2 2025 Press Release
NewMind AI Weekly Chronicles - August'25-Week II
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Encapsulation_ Review paper, used for researhc scholars
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Programs and apps: productivity, graphics, security and other tools
Digital-Transformation-Roadmap-for-Companies.pptx
The AUB Centre for AI in Media Proposal.docx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Machine learning based COVID-19 study performance prediction
Reach Out and Touch Someone: Haptics and Empathic Computing
The Rise and Fall of 3GPP – Time for a Sabbatical?
Per capita expenditure prediction using model stacking based on satellite ima...
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Ad

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. Copyright © Copyright 2008 Billington Cartmell Limited trading as Billington Cartmell. All rights reserved.   Copyright protection claimed includes all forms of copyrightable material and information now allowed by statute law or otherwise, or hereinafter created. The information attached may not be copied either in whole or in part, otherwise reproduced or transferred to any third party, without the express prior written consent of Billington Cartmell.   Billington Cartmell hereby asserts its moral rights as the author of the information attached.   You acknowledge that the information attached is of a strictly confidential nature and belongs to Billington Cartmell. Accordingly you will not and will procure that no other person shall at any time without the prior written consent of Billington Cartmell make any copies thereof or divulge or use whether directly or indirectly for your own benefit or that of any other person, firm or company any of the attached information or any information which may be communicated to or otherwise acquired by you in connection with the attached information.