Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Accessibility
Demystified:
What you don’t know can hurt you.
#csuc13 @hannon_hill
@kelliPhoReal
Goals
● Understand
○ what web accessibility means
○ why web accessibility is important
● Learn
○ common web accessibility ...
Web Accessibility Defined
Web Accessibility refers to the inclusive
practice of making websites usable by people
of all ab...
Myths
Web accessibility is:
● for people with disabilities.
● only affect a small group of people.
● hard.
#csuc13 @hannon...
Myth #1:
Web accessibility is for people with disabilities.
Truth:
It is about making the web easy to use for:
● People wi...
Myth #2:
Web accessibility only affects a small group of
people.
Truth:
● 1.2+ billion people use mobile Internet
● 80%+ o...
Myth #3:
Web accessibility is hard.
Truth:
Web accessibility is not hard. It just takes some
compassion and consideration....
Types of Limitations
● Visual
● Hearing
● Motor
● Cognitive
● Seizures
#csuc13 @hannon_hill
@kelliPhoReal
Visual
Examples:
● Blindness
● Poor vision
● Color blindness
Assistive Technologies:
● Screen readers
● Braille displays
●...
Hearing
Examples:
● Hard of hearing
● Deafness
Assistive Technologies:
● Hearing aids
● Captions
● Transcription
#csuc13 @...
Motor
Examples:
• Plegia (partial
paralysis) or
Paralysis
• Loss of limbs
• Arthritis
• Parkinson’s Disease
Assistive Tech...
Cognitive
Examples:
• Cerebral Palsy
• Autism
• ADHD
• Down Syndrome
#csuc13 @hannon_hill
@kelliPhoReal
Seizures
Examples:
● Partial or generalized
#csuc13 @hannon_hill
@kelliPhoReal
Accessibility Statistics
U.S. Census Bureau (2010):
• 56.7 million had a disability
• 38.3 million had a severe disability...
Accessibility Statistics
Microsoft Research Study (2003):
• Ratio amongst computer users
o 1 in 4 has a vision difficulty
...
Accessibility Statistics
What does this translate to in numbers?
● Visual Difficulty or Impairment
○ Mild: 21.9 million
○ ...
Additional Facts:
• 43% of US adults with disabilities uses the
Internet
• 15% of the world's population have some
form of...
What’s the problem?
● Techniques
● Designs
● Implementation
#csuc13 @hannon_hill
@kelliPhoReal
Why should you
care?
#csuc13 @hannon_hill
@kelliPhoReal
It’s RIGHT!
● Ethically
● Morally
#csuc13 @hannon_hill
@kelliPhoReal
It’s SMART!
• Economically
o Larger audience
o Lower site maintenance cost
o Reduce legal risks/costs
• Designwise
o Good ...
It’s the Law!
• Americans with Disabilities Act
• Rehabilitation Act
o Section 504
o Section 508
• Telecommunications Act
...
It’s the Law!
• Canadian Human Rights
• Ontarians with Disabilities Act
• Common Look and Feel Standards
• Bill 118 2004
#...
Case Studies
Litigations and Settlements
Target
vs. National Federation of the Blind
● Lack of alternative texts on product images
● $6 million settlement
● Additi...
Florida State University
vs. National Federation of the Blind
● Lack of accessible technology resulted to
incompletable ac...
So many more!
• Penn State University
• Arizona State University
• California Law Schools
• Disney
• Major League of Baseb...
Where to start?
1. Identify and remedy potential issues
2. Develop implementation plan
3. Educate and maintain
#csuc13 @ha...
Common Issues
Alternative Text Attributes
#csuc13 @hannon_hill
@kelliPhoReal
Audio and Visual Media
#csuc13 @hannon_hill
@kelliPhoReal
Color Contrast
#csuc13 @hannon_hill
@kelliPhoReal
Common Problems
● Heading elements
○ Order heading elements properly
● Link texts
○ Unique
○ Descriptive
○ Avoid “Click He...
Common Problems
● Forms
○ All fields are properly labeled
○ Recoverable from errors
● Flashing/blinking text or images
○ D...
Resources
• Screen reader emulators:
o Firefox: FANGS
o Chrome: ChromeVox
o Built-in screen reader (Mac OS X)
• Text-brows...
More on Web Accessibility
Rick Hill of UC Davis
● “Creating More Accessible Content”
● 3:15pm - 4:00pm
● More technical, i...
Questions?
Q&A
Upcoming SlideShare
Loading in …5
×

Accessibility Demystified: What You Don't Know May Hurt You

623 views

Published on

Kelly educates attendees on web accessibility compliance, standards for higher education, and why web accessibility is everyone’s business. She provides some of the common disabilities that need to be served by public websites, provide some history and statistics on web accessibility, and give recommendations to help organizations get buy-in from their webmasters, marketing teams, and content contributors in order to integrate accessibility considerations into their day-to-day activities campus-wide.

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

Accessibility Demystified: What You Don't Know May Hurt You

  1. 1. Accessibility Demystified: What you don’t know can hurt you. #csuc13 @hannon_hill @kelliPhoReal
  2. 2. Goals ● Understand ○ what web accessibility means ○ why web accessibility is important ● Learn ○ common web accessibility issues ○ quick remedies ● Gain ○ basic web accessibility principles ○ appreciation for web accessibility #csuc13 @hannon_hill @kelliPhoReal
  3. 3. Web Accessibility Defined Web Accessibility refers to the inclusive practice of making websites usable by people of all abilities and disabilities. - Wikipedia (Updated on 13 Aug 2013) #csuc13 @hannon_hill @kelliPhoReal
  4. 4. Myths Web accessibility is: ● for people with disabilities. ● only affect a small group of people. ● hard. #csuc13 @hannon_hill @kelliPhoReal
  5. 5. Myth #1: Web accessibility is for people with disabilities. Truth: It is about making the web easy to use for: ● People with impairments ● Different Environments ● Mobile Devices ● Elderly #csuc13 @hannon_hill @kelliPhoReal
  6. 6. Myth #2: Web accessibility only affects a small group of people. Truth: ● 1.2+ billion people use mobile Internet ● 80%+ of adults (16-34) use mobile Internet ● 77% of people above 65 are online ● Add disabilities statistics #csuc13 @hannon_hill @kelliPhoReal
  7. 7. Myth #3: Web accessibility is hard. Truth: Web accessibility is not hard. It just takes some compassion and consideration. #csuc13 @hannon_hill @kelliPhoReal
  8. 8. Types of Limitations ● Visual ● Hearing ● Motor ● Cognitive ● Seizures #csuc13 @hannon_hill @kelliPhoReal
  9. 9. Visual Examples: ● Blindness ● Poor vision ● Color blindness Assistive Technologies: ● Screen readers ● Braille displays ● Screen magnifiers #csuc13 @hannon_hill @kelliPhoReal
  10. 10. Hearing Examples: ● Hard of hearing ● Deafness Assistive Technologies: ● Hearing aids ● Captions ● Transcription #csuc13 @hannon_hill @kelliPhoReal
  11. 11. Motor Examples: • Plegia (partial paralysis) or Paralysis • Loss of limbs • Arthritis • Parkinson’s Disease Assistive Technologies: ● Pointing and typing aids ● Eyeball tracking devices ● Touch screens #csuc13 @hannon_hill @kelliPhoReal
  12. 12. Cognitive Examples: • Cerebral Palsy • Autism • ADHD • Down Syndrome #csuc13 @hannon_hill @kelliPhoReal
  13. 13. Seizures Examples: ● Partial or generalized #csuc13 @hannon_hill @kelliPhoReal
  14. 14. Accessibility Statistics U.S. Census Bureau (2010): • 56.7 million had a disability • 38.3 million had a severe disability #csuc13 @hannon_hill @kelliPhoReal
  15. 15. Accessibility Statistics Microsoft Research Study (2003): • Ratio amongst computer users o 1 in 4 has a vision difficulty o 1 in 4 has dexterity difficulty o 1 in 5 has a hearing difficulty #csuc13 @hannon_hill @kelliPhoReal
  16. 16. Accessibility Statistics What does this translate to in numbers? ● Visual Difficulty or Impairment ○ Mild: 21.9 million ○ Severe: 11.1 million ● Dexterity Difficulty or Impairment ○ Mild: 24.4 million ○ Severe: 6.8 million ● Hearing Difficulty or Impairment ○ Mild: 24 million ○ Severe: 2.5 million #csuc13 @hannon_hill @kelliPhoReal
  17. 17. Additional Facts: • 43% of US adults with disabilities uses the Internet • 15% of the world's population have some form of disability • Disability rates are increasing #csuc13 @hannon_hill @kelliPhoReal
  18. 18. What’s the problem? ● Techniques ● Designs ● Implementation #csuc13 @hannon_hill @kelliPhoReal
  19. 19. Why should you care? #csuc13 @hannon_hill @kelliPhoReal
  20. 20. It’s RIGHT! ● Ethically ● Morally #csuc13 @hannon_hill @kelliPhoReal
  21. 21. It’s SMART! • Economically o Larger audience o Lower site maintenance cost o Reduce legal risks/costs • Designwise o Good design principles o Responsive design and emerging technologies o Search engine friendly #csuc13 @hannon_hill @kelliPhoReal
  22. 22. It’s the Law! • Americans with Disabilities Act • Rehabilitation Act o Section 504 o Section 508 • Telecommunications Act o Section 255 #csuc13 @hannon_hill @kelliPhoReal
  23. 23. It’s the Law! • Canadian Human Rights • Ontarians with Disabilities Act • Common Look and Feel Standards • Bill 118 2004 #csuc13 @hannon_hill @kelliPhoReal
  24. 24. Case Studies Litigations and Settlements
  25. 25. Target vs. National Federation of the Blind ● Lack of alternative texts on product images ● $6 million settlement ● Additional cost litigation costs #csuc13 @hannon_hill @kelliPhoReal
  26. 26. Florida State University vs. National Federation of the Blind ● Lack of accessible technology resulted to incompletable academic courses ● $75,000 settlement per student (2) ● Commits to continued effort to come to standards #csuc13 @hannon_hill @kelliPhoReal
  27. 27. So many more! • Penn State University • Arizona State University • California Law Schools • Disney • Major League of Baseball (MLB) • Bank of America • Netflix • Amazon #csuc13 @hannon_hill @kelliPhoReal
  28. 28. Where to start? 1. Identify and remedy potential issues 2. Develop implementation plan 3. Educate and maintain #csuc13 @hannon_hill @kelliPhoReal
  29. 29. Common Issues
  30. 30. Alternative Text Attributes #csuc13 @hannon_hill @kelliPhoReal
  31. 31. Audio and Visual Media #csuc13 @hannon_hill @kelliPhoReal
  32. 32. Color Contrast #csuc13 @hannon_hill @kelliPhoReal
  33. 33. Common Problems ● Heading elements ○ Order heading elements properly ● Link texts ○ Unique ○ Descriptive ○ Avoid “Click Here” ● Tab navigation ○ Skip to main content ● JavaScript ○ Use event handlers appropriately #csuc13 @hannon_hill @kelliPhoReal
  34. 34. Common Problems ● Forms ○ All fields are properly labeled ○ Recoverable from errors ● Flashing/blinking text or images ○ Don’t ● HTML without CSS/JavaScript ○ Ensure that site functions properly and content is still accessible without CSS/JavaScript #csuc13 @hannon_hill @kelliPhoReal
  35. 35. Resources • Screen reader emulators: o Firefox: FANGS o Chrome: ChromeVox o Built-in screen reader (Mac OS X) • Text-browser o Lynx • Free automated validators o WAVE (WebAIM) #csuc13 @hannon_hill @kelliPhoReal
  36. 36. More on Web Accessibility Rick Hill of UC Davis ● “Creating More Accessible Content” ● 3:15pm - 4:00pm ● More technical, in-depth #csuc13 @hannon_hill @kelliPhoReal
  37. 37. Questions? Q&A

×