SlideShare a Scribd company logo
Web AccessibilityPrinciplesSean Yo • Guelph Web Makers Meetup 1.0@seanyo• seanyo.ca • syo@uoguelph.ca
Web AnalystAccessibility Advocate
Pop Quiz:What is A11y?
What is Web Accessibility?
Web accessibility refers to the practice of making websites usable by people of all abilities and disabilities. When sites are correctly designed developed and edited all users can have equal access to information and functionality.http://en.wikipedia.org/wiki/Web_accessibility
VisualHearingMotorCognitive
Why Web Accessibility?
Doing the Right Thing
Beneficial Standards
Save Internet Resources
Be Recognized
It’s the Law… Or it Will Be
Ease of Maintenance
More Aging Visitors
Care and Sleep Well
Google Will Love Youhttp://accessites.org/why/http://www.webaim.org/intro/
User Experience
Accessibility Experience
People Have ExperiencesChecklists Don’t
http://manwithnoblog.com/2010/05/20/kill-accessibility/
PrinciplesFoundations of Web Accessibility
The Only One That MattersPeople First
AODA PrinciplesIndependenceDignityIntegrationEquality of opportunity
W3C PrinciplesPerceivableOperableUnderstandableRobust
Plan for Accessibility……From the Beginning
Most errors are introduced during requirements analysis and design.The later they are removed, the most expensive it is to take them out.Boehm et al (1975): “Some Experience with Automated Aids to the Design of Large-Scale Reliable Software.”
Plan for Accessibility……at every step
Accessibility is not an optionIt is completing a website
Avoid Assumptions About Your Visitors
Count on Text Provide Alternatives in Text
Don’t take control of your visitor’s experience
Use Clear Language
Be Usable, Searchable and Navigable
Be Semantic

More Related Content

PPTX
Best Practices for Web Accessibility
PDF
How to Make Learning Accessible and Inclusive
PPTX
The Intersection of Accessibility and Inclusive Design
PPTX
Web Accessibility: MISSION POSSIBLE!
PPTX
Web Accessibility Testing With Axe
PDF
Upa2012 ignite pres_l_barnett
PDF
Accessibility Part 1
PPTX
Introduction to Accessibility
Best Practices for Web Accessibility
How to Make Learning Accessible and Inclusive
The Intersection of Accessibility and Inclusive Design
Web Accessibility: MISSION POSSIBLE!
Web Accessibility Testing With Axe
Upa2012 ignite pres_l_barnett
Accessibility Part 1
Introduction to Accessibility

What's hot (20)

PPT
Understanding Web Accessibility
PDF
People First Accessibility
PPTX
Accessibility for Web
PDF
The Business Of Web Design
PPTX
Introduction To Web Accessibility
PDF
Accessibility Primer Version 2 - UXfrkln meetup
PDF
But Can I Use It? Getting Started with Accessibiilty
PPT
Web Accessibility
PPT
Accessibility is not disability Drupal South 2014
PPT
Role of-engineering-best-practices-to-create-an-inclusive-web final-1
PDF
Web content accessibility
PPTX
Designing, Developing & Testing for Accessibility
PPTX
Web_Accessibility
PDF
Mobile firstpresentation huit
PPT
Roger Hudson
PDF
Web Accessibility: Why it needs to be on your to-do list today
PPT
Web Accessibility Demystified, by Penny Harding, Hannon Hill Corporation
PPT
Universal Design for the Web
PPT
Universal Design for the Web
PPTX
Visual Impairment and Computing - webinar slides 9 June 2015
Understanding Web Accessibility
People First Accessibility
Accessibility for Web
The Business Of Web Design
Introduction To Web Accessibility
Accessibility Primer Version 2 - UXfrkln meetup
But Can I Use It? Getting Started with Accessibiilty
Web Accessibility
Accessibility is not disability Drupal South 2014
Role of-engineering-best-practices-to-create-an-inclusive-web final-1
Web content accessibility
Designing, Developing & Testing for Accessibility
Web_Accessibility
Mobile firstpresentation huit
Roger Hudson
Web Accessibility: Why it needs to be on your to-do list today
Web Accessibility Demystified, by Penny Harding, Hannon Hill Corporation
Universal Design for the Web
Universal Design for the Web
Visual Impairment and Computing - webinar slides 9 June 2015
Ad

Similar to Web accessibility Principles (20)

PDF
The Internet is for Everyone: How to Make Your Website More Accessible
PPTX
Getting Started With Web Accessibility
PDF
Accessibility for Fun and Profit
PDF
Accessibility and Web Technologies @HTML5_Toronto
PDF
Understanding and Supporting Web Accessibility
PDF
Web accessibility 101: The why, who, what, and how of "a11y"
PPTX
Digital accessibility intro 2021
PDF
Web Accessibility: Showing your users you care
PPTX
Web Accessibility
PDF
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
PPTX
A11y presentation-2017
PDF
Comrade Web Accessibility 101
PPTX
Selfish accessibility: 2015 Buffalo Unconference
PDF
Tools And Techniques For Evaluating Accessibility
PPTX
Web topic 23 web accessibility
PPT
Making a Web for Everyone
PPT
Web Accessibility
PPTX
Introduction to Web Accessibility and WCAG
PPTX
Introduction to Web Accessibility and WCAG
The Internet is for Everyone: How to Make Your Website More Accessible
Getting Started With Web Accessibility
Accessibility for Fun and Profit
Accessibility and Web Technologies @HTML5_Toronto
Understanding and Supporting Web Accessibility
Web accessibility 101: The why, who, what, and how of "a11y"
Digital accessibility intro 2021
Web Accessibility: Showing your users you care
Web Accessibility
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
A11y presentation-2017
Comrade Web Accessibility 101
Selfish accessibility: 2015 Buffalo Unconference
Tools And Techniques For Evaluating Accessibility
Web topic 23 web accessibility
Making a Web for Everyone
Web Accessibility
Introduction to Web Accessibility and WCAG
Introduction to Web Accessibility and WCAG
Ad

Recently uploaded (20)

PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
cuic standard and advanced reporting.pdf
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
Big Data Technologies - Introduction.pptx
PPT
Teaching material agriculture food technology
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Encapsulation theory and applications.pdf
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Empathic Computing: Creating Shared Understanding
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Approach and Philosophy of On baking technology
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
The AUB Centre for AI in Media Proposal.docx
cuic standard and advanced reporting.pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm
Big Data Technologies - Introduction.pptx
Teaching material agriculture food technology
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Review of recent advances in non-invasive hemoglobin estimation
Digital-Transformation-Roadmap-for-Companies.pptx
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
NewMind AI Monthly Chronicles - July 2025
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Encapsulation theory and applications.pdf
NewMind AI Weekly Chronicles - August'25 Week I
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Empathic Computing: Creating Shared Understanding
Unlocking AI with Model Context Protocol (MCP)
Approach and Philosophy of On baking technology

Web accessibility Principles

Editor's Notes

  • #4: A11y is anabbr for accessibility – a numeronymLike i18n for internationalization We’ll come back to this later…
  • #7: VisualBlindness low vision color-blindnessHearingDeafnessMotorInability to use a mouse slow response time limited fine motor controlCognitiveLearning disabilities distractibility inability to remember or focus on large amounts of information
  • #8: Making a web site accessible is work – but so is following all types of coding best practices like keeping presentation code in CSS, using HTML semantically, and using readable white space in your code There is the simple motivation of pride in craft…but more important the purpose of a web site is to communicate If you ignore accessibility, your website will be less successful When you pay attention to accessibility, in my experience, the whole website is better for everyone Let’s look to the built environment – ramps, powered doors and extra railings are an accessibility features – but they can potentially help anyone in that building
  • #12: Makingaccessibile websites can be challenging – and we’ll all make mistakesChecklists are not a bad thing – they can be a useful toolHowever, if you rely solely on checklists – you will generate false positive reports that a site is accessibleChecklists are about as smart as a spellchecker – try and keep that in mind
  • #13: “considering accessibility as a separate item is the wrong approach. We really need to be considering the ideals of universal design, in which everything is designed for everyone.   Let’s just for a minute forget about accessibility as a separate issue. We need to design and develop for people using AT just like we do for any other usability issue”
  • #17: Perceivable - Information and interface must be presentable to users in ways they can perceive.This means that users must be able to perceive the information being presented (it can't be invisible to all of their senses)Operable - User interface components and navigation must be operable.This means that users must be able to operate the interface (the interface cannot require interaction that a user cannot perform)Understandable - Information and the operation of user interface must be understandable.This means that users must be able to understand the information as well as the operation of the user interface (the content or operation cannot be beyond their understanding)Robust - Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.This means that users must be able to access the content as technologies advance (as technologies and user agents evolve, the content should remain accessible)
  • #20: Providing an Accessible Experience requires contintuous and iterative design and testing