SlideShare a Scribd company logo
2
Most read
5
Most read
8
Most read
Introduction to web accessibilitySteven M. SwaffordRadical Development
Why Web Accessibility?It’s The LawAmericans with Disabilities Act, 1996Rehabilitation Act, 1998It’s the RIGHT thing to do.Not easy; not free
Goals of Web AccessibilityImprove the usability of technology for all  technology users through Universal Design as an underlying approach. Address accessibility challenges consistently over time. Foster collaboration.
Accessible Technology For AllThe goal is universal design that is integrated and equal: Don’t make disabled people use a different Web structure but make it so they can use it too.Dan Fruchterman, Engineer’s Focus: Accessible Technology for All
Web Accessibility OverviewWeb Accessibility Refers To The Inclusive Practice Of Making Websites Usable For People Of All Abilities And DisabilitiesWell Designed And Developed Sites Provide All Users Access To Information And FunctionalityThe Assistive Needs That Web Accessibility Attempts To Address Include:VisualMotor/MobilityAuditorySeizuresCognitive/Intellectual
The Web Accessibility Initiative (WAI)Web Accessibility InitiativeGuidelines for:Aiding disabled audience
Aiding agent-type supportThe World Wide Web Consortium (W3C) is committed to promoting usability for people with disabilitiesUniversal access for everyone.Must take into account user agents other than browsers: mobile phones, PDAs, screen readers and magnifiers, etc.
W3C Accessibility GuidelinesProvide equivalent alternatives to auditory and visual content Don't rely on color aloneUse markup and style sheets and do so properly Clarify natural language usage Create tables that transform gracefullyEnsure that pages featuring new technologies transform gracefullyEnsure user control of time-sensitive content changesProvide context and orientation information Provide clear navigation mechanismsEnsure that documents are clear and simple
Accessibility Principles“Perceivable”Alternative text and “text only” website equivalentsSupports assistive technologies (JAWS)Text and audio transcripts for video and audio featuresRemove reliance on shape, size, location, color, or sound to navigate“Operable”Use of keyboard alternative for site navigationNo action “timeouts”Eliminate automatic “redirects” and other content changesEliminate blinking screen features at certain rates (seizures)Alternative ways of finding other site pages (Table of Contents, Site Map)
Accessibility Principles, cont’d“Understandable”Identification of multi-lingual sectionsGlossaries for acronyms and unusual termsIdentified page focus points as they change (for assistive technologies)Consistent functionality presented consistently across pagesIntuitive and clear definition of input requirements and error messages“Robust” Supports plug ins, scripts, applets and other current and future user agentsAccessibility of PDFs and other file types to assistive technologies
Important Facts15,000,000Number of visually impaired people in the United States28,000,000Number people in the United States with some amount of hearing lossSeptember 6, 2006A federal district court judge rules that a retailer may be sued if its website is inaccessible to the blind. (NFB v. Target)
Visual Barriers can includeImages (still or animated)Video & Visual elements“Downloadable” files w/pluginsInconsistent navigation or content Lack of adequate Color Contrast Certain color combinations
Sound Barriers can includeVideo or audioLack of transcript or captioning w/narrative“Downloadable” files Auditory stimulus that does not provide an alternative
the ChallengeIn the United States, over 8 million people are blind or visually impaired There were over 20 million deaf and hard of hearing people in the United States in 1994; of these about a million cannot understand any speech Over a quarter of a million Americans have spinal cord injuries About half a million Americans have cerebral palsy A third of a million Americans have multiple sclerosis
Investigating withinHow many people are expected to make use of the technology? Is it likely to be used again in the future, or repeatedly? Is it available publicly, or only to a pre‐determined audience? Is it required to be used for academic or institutional purposes?
Checklist for building your siteManual checking: how does site work with:Images turned offSound turned offLarger than normal font sizesSmall screen resolutionBlack and white displayWithout a mouse
Validating your sitesCheck with a semi-automatic accessibility checker:Wave BobbySyntax check HTML through W3C validatorsDo user testing
The effect of agePhysical impairments, minor and major, become more common with the passing yearsMore than half of the population in the United States over the age of 65 has some kind of impairmentThis is a rapidly growing group; in the year 2000, there were 34.8 million people over 65, a number projected to be 53.7 million by 2020
What is a Screen reader?Narrates (reads aloud) the text on the screenImportant considerations:HTML tables must not be used to control layout: doing so makes the narration difficult to understandHTML tables used to display tabular material need additional markup to make the meaning clear
Closed captioningCommon web accessibility guidelines indicate that captions should be:Synchronized- the text content should appear at approximately the same time that audio would be availableEquivalent- content provided in captions should be equivalent to that of the spoken wordAccessible- caption content should be readily accessible and available to those who need
Closed captioning example
Accessibility In A NutshellAn Accessible Website Is One That Can Be Used By Disabled People As Easily As By The Non-disabled.Web Accessibility Means That People With Disabilities Can Perceive, Understand, Navigate, And Interact With The Web
Get Plugged InKeep An Eyes On The WC3 Web Accessibility Initiative (WAI)Review The Americans With Disabilities Act (ADA) Section 508
Additional ResourcesWC3 Web Accessibility Initiative (WAI)Americans With Disabilities Act (ADA) Section 508How To Meet WCAG 2.0WebAIM  Screen  Reader  SimulationGuidelines for Accessible, Usable Web Sites With Screen ReadersVoluntary Product Accessibility TemplateWC3 Complete List of Web Accessibility Evaluation ToolsSection 508: Opening Doors To IT

More Related Content

PPT
Understanding Web Accessibility
PPTX
Basics of Web Accessibility
PDF
Website Accessibility
PDF
Understanding and Supporting Web Accessibility
PDF
Web accessibility 101: The why, who, what, and how of "a11y"
PDF
Web Accessibility
PPTX
Accessibilitytesting public
PDF
Web Accessibility for Web Developers
Understanding Web Accessibility
Basics of Web Accessibility
Website Accessibility
Understanding and Supporting Web Accessibility
Web accessibility 101: The why, who, what, and how of "a11y"
Web Accessibility
Accessibilitytesting public
Web Accessibility for Web Developers

What's hot (20)

PPTX
Web accessibility
PPTX
Web accessibility: it’s everyone’s responsibility
PDF
Web accessibility
ODP
Web Accessibility: A Shared Responsibility
PPTX
PPT
WCAG 2.0, Simplified
PDF
Web content accessibility
PPTX
Web Accessibility
PPTX
Web Content Accessibility Guidelines
PDF
Accessibility
PDF
What is accessibility?
PPTX
A Web for Everyone: Accessibility as a design challenge
PPT
Accessibility testing kailash 26_nov_ 2010
PPTX
Introducing WCAG 2.2
DOCX
Web accessibility testing 4 - NVDA screen reader
PDF
ADA Compliance and Website Accessibility
PPT
Web Accessibility
PPTX
Web Accessibility Testing With Axe
PDF
Accessible Design Presentation
PDF
Design for accessibility
Web accessibility
Web accessibility: it’s everyone’s responsibility
Web accessibility
Web Accessibility: A Shared Responsibility
WCAG 2.0, Simplified
Web content accessibility
Web Accessibility
Web Content Accessibility Guidelines
Accessibility
What is accessibility?
A Web for Everyone: Accessibility as a design challenge
Accessibility testing kailash 26_nov_ 2010
Introducing WCAG 2.2
Web accessibility testing 4 - NVDA screen reader
ADA Compliance and Website Accessibility
Web Accessibility
Web Accessibility Testing With Axe
Accessible Design Presentation
Design for accessibility
Ad

Viewers also liked (20)

PPTX
Introduction to Accessibility Testing - CSUN14
PPT
Web accessibility testing methodologies, tools and tips
PDF
Mobile Accessibility - Accessibility Camp Toronto
PPTX
Empathy training & the accessible web experience
PDF
Web a11y beyond guidelines
PPTX
Digital Accessibility - The Quick Wins
PPT
Making Websites More Usable by Older Adults (ASA/AIA 2013)
PDF
Oct 2014 Siteimprove Stockholm Accessibility Conference
PPTX
Jekyll Island, Georgia
PDF
Jekyll Island, Georgia - Notes Pages
PPTX
MCCVLC Webinar - Good Practices in Online Delivery of Developmental Ed
PPT
Accessibility and the importance of user testing
PDF
Section 508 Compliance and Remediation Procdure_MMEdits (2)
PPTX
Accessibility and Usability Working Together
PPT
Understanding Section 508
PDF
Introduction to mobile accessibility, 2015
PDF
User Testing for Accessibility
PDF
UI Testing Automation
PPTX
Accessible Video in The Enterprise
PDF
Strategic Approach to IT Accessibility
Introduction to Accessibility Testing - CSUN14
Web accessibility testing methodologies, tools and tips
Mobile Accessibility - Accessibility Camp Toronto
Empathy training & the accessible web experience
Web a11y beyond guidelines
Digital Accessibility - The Quick Wins
Making Websites More Usable by Older Adults (ASA/AIA 2013)
Oct 2014 Siteimprove Stockholm Accessibility Conference
Jekyll Island, Georgia
Jekyll Island, Georgia - Notes Pages
MCCVLC Webinar - Good Practices in Online Delivery of Developmental Ed
Accessibility and the importance of user testing
Section 508 Compliance and Remediation Procdure_MMEdits (2)
Accessibility and Usability Working Together
Understanding Section 508
Introduction to mobile accessibility, 2015
User Testing for Accessibility
UI Testing Automation
Accessible Video in The Enterprise
Strategic Approach to IT Accessibility
Ad

Similar to Introduction To Web Accessibility (20)

PDF
Accessible Websites: What are they and why should I care?
PDF
Demystifying Accessible Websites - WCUS 2015
PPTX
Global Accessibility Awareness Day
PPT
Designing 4 Disabilities
PPT
Plan For Accessibility - TODCon 2008
PPTX
Best Practices for Building Accessible Websites in Wordpress
PDF
Portland, ME WordPress Meetup - Web Accessibility in 2020
ODP
Digital Divide And Accessibility
PPTX
Global accessibility day untapped minority
ODP
Digital Divide And Accessibility
PPTX
Webinar - Web Accessibility 101 - 2016-08-09
PPTX
Web Accessibility
PPSX
World IA Day DC 2019: What we can all learn from one university's journey to ...
PPT
Corporate Web Accessibility Implementation Strategies
PPTX
Web Design Coursse ITECH2003-Lecture10.pptx
PPTX
Web Accessibility
PPTX
Introduction to Web Accessibility and WCAG
PPTX
Introduction to Web Accessibility and WCAG
PDF
Usability ≠ Accessibility. An intro to web accessibility for agencies.
PPTX
Making Websites Accessible to People with Disabilities
Accessible Websites: What are they and why should I care?
Demystifying Accessible Websites - WCUS 2015
Global Accessibility Awareness Day
Designing 4 Disabilities
Plan For Accessibility - TODCon 2008
Best Practices for Building Accessible Websites in Wordpress
Portland, ME WordPress Meetup - Web Accessibility in 2020
Digital Divide And Accessibility
Global accessibility day untapped minority
Digital Divide And Accessibility
Webinar - Web Accessibility 101 - 2016-08-09
Web Accessibility
World IA Day DC 2019: What we can all learn from one university's journey to ...
Corporate Web Accessibility Implementation Strategies
Web Design Coursse ITECH2003-Lecture10.pptx
Web Accessibility
Introduction to Web Accessibility and WCAG
Introduction to Web Accessibility and WCAG
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Making Websites Accessible to People with Disabilities

Recently uploaded (20)

PDF
Machine learning based COVID-19 study performance prediction
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Encapsulation theory and applications.pdf
PPTX
Cloud computing and distributed systems.
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Modernizing your data center with Dell and AMD
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Unlocking AI with Model Context Protocol (MCP)
Machine learning based COVID-19 study performance prediction
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
“AI and Expert System Decision Support & Business Intelligence Systems”
Review of recent advances in non-invasive hemoglobin estimation
Encapsulation theory and applications.pdf
Cloud computing and distributed systems.
Dropbox Q2 2025 Financial Results & Investor Presentation
Advanced methodologies resolving dimensionality complications for autism neur...
Digital-Transformation-Roadmap-for-Companies.pptx
Network Security Unit 5.pdf for BCA BBA.
Modernizing your data center with Dell and AMD
NewMind AI Weekly Chronicles - August'25 Week I
Understanding_Digital_Forensics_Presentation.pptx
Encapsulation_ Review paper, used for researhc scholars
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Per capita expenditure prediction using model stacking based on satellite ima...
Unlocking AI with Model Context Protocol (MCP)

Introduction To Web Accessibility

  • 1. Introduction to web accessibilitySteven M. SwaffordRadical Development
  • 2. Why Web Accessibility?It’s The LawAmericans with Disabilities Act, 1996Rehabilitation Act, 1998It’s the RIGHT thing to do.Not easy; not free
  • 3. Goals of Web AccessibilityImprove the usability of technology for all technology users through Universal Design as an underlying approach. Address accessibility challenges consistently over time. Foster collaboration.
  • 4. Accessible Technology For AllThe goal is universal design that is integrated and equal: Don’t make disabled people use a different Web structure but make it so they can use it too.Dan Fruchterman, Engineer’s Focus: Accessible Technology for All
  • 5. Web Accessibility OverviewWeb Accessibility Refers To The Inclusive Practice Of Making Websites Usable For People Of All Abilities And DisabilitiesWell Designed And Developed Sites Provide All Users Access To Information And FunctionalityThe Assistive Needs That Web Accessibility Attempts To Address Include:VisualMotor/MobilityAuditorySeizuresCognitive/Intellectual
  • 6. The Web Accessibility Initiative (WAI)Web Accessibility InitiativeGuidelines for:Aiding disabled audience
  • 7. Aiding agent-type supportThe World Wide Web Consortium (W3C) is committed to promoting usability for people with disabilitiesUniversal access for everyone.Must take into account user agents other than browsers: mobile phones, PDAs, screen readers and magnifiers, etc.
  • 8. W3C Accessibility GuidelinesProvide equivalent alternatives to auditory and visual content Don't rely on color aloneUse markup and style sheets and do so properly Clarify natural language usage Create tables that transform gracefullyEnsure that pages featuring new technologies transform gracefullyEnsure user control of time-sensitive content changesProvide context and orientation information Provide clear navigation mechanismsEnsure that documents are clear and simple
  • 9. Accessibility Principles“Perceivable”Alternative text and “text only” website equivalentsSupports assistive technologies (JAWS)Text and audio transcripts for video and audio featuresRemove reliance on shape, size, location, color, or sound to navigate“Operable”Use of keyboard alternative for site navigationNo action “timeouts”Eliminate automatic “redirects” and other content changesEliminate blinking screen features at certain rates (seizures)Alternative ways of finding other site pages (Table of Contents, Site Map)
  • 10. Accessibility Principles, cont’d“Understandable”Identification of multi-lingual sectionsGlossaries for acronyms and unusual termsIdentified page focus points as they change (for assistive technologies)Consistent functionality presented consistently across pagesIntuitive and clear definition of input requirements and error messages“Robust” Supports plug ins, scripts, applets and other current and future user agentsAccessibility of PDFs and other file types to assistive technologies
  • 11. Important Facts15,000,000Number of visually impaired people in the United States28,000,000Number people in the United States with some amount of hearing lossSeptember 6, 2006A federal district court judge rules that a retailer may be sued if its website is inaccessible to the blind. (NFB v. Target)
  • 12. Visual Barriers can includeImages (still or animated)Video & Visual elements“Downloadable” files w/pluginsInconsistent navigation or content Lack of adequate Color Contrast Certain color combinations
  • 13. Sound Barriers can includeVideo or audioLack of transcript or captioning w/narrative“Downloadable” files Auditory stimulus that does not provide an alternative
  • 14. the ChallengeIn the United States, over 8 million people are blind or visually impaired There were over 20 million deaf and hard of hearing people in the United States in 1994; of these about a million cannot understand any speech Over a quarter of a million Americans have spinal cord injuries About half a million Americans have cerebral palsy A third of a million Americans have multiple sclerosis
  • 15. Investigating withinHow many people are expected to make use of the technology? Is it likely to be used again in the future, or repeatedly? Is it available publicly, or only to a pre‐determined audience? Is it required to be used for academic or institutional purposes?
  • 16. Checklist for building your siteManual checking: how does site work with:Images turned offSound turned offLarger than normal font sizesSmall screen resolutionBlack and white displayWithout a mouse
  • 17. Validating your sitesCheck with a semi-automatic accessibility checker:Wave BobbySyntax check HTML through W3C validatorsDo user testing
  • 18. The effect of agePhysical impairments, minor and major, become more common with the passing yearsMore than half of the population in the United States over the age of 65 has some kind of impairmentThis is a rapidly growing group; in the year 2000, there were 34.8 million people over 65, a number projected to be 53.7 million by 2020
  • 19. What is a Screen reader?Narrates (reads aloud) the text on the screenImportant considerations:HTML tables must not be used to control layout: doing so makes the narration difficult to understandHTML tables used to display tabular material need additional markup to make the meaning clear
  • 20. Closed captioningCommon web accessibility guidelines indicate that captions should be:Synchronized- the text content should appear at approximately the same time that audio would be availableEquivalent- content provided in captions should be equivalent to that of the spoken wordAccessible- caption content should be readily accessible and available to those who need
  • 22. Accessibility In A NutshellAn Accessible Website Is One That Can Be Used By Disabled People As Easily As By The Non-disabled.Web Accessibility Means That People With Disabilities Can Perceive, Understand, Navigate, And Interact With The Web
  • 23. Get Plugged InKeep An Eyes On The WC3 Web Accessibility Initiative (WAI)Review The Americans With Disabilities Act (ADA) Section 508
  • 24. Additional ResourcesWC3 Web Accessibility Initiative (WAI)Americans With Disabilities Act (ADA) Section 508How To Meet WCAG 2.0WebAIM Screen Reader SimulationGuidelines for Accessible, Usable Web Sites With Screen ReadersVoluntary Product Accessibility TemplateWC3 Complete List of Web Accessibility Evaluation ToolsSection 508: Opening Doors To IT