Your SlideShare is downloading. ×
0
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Kevin Ry...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Tuesday,...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Tuesday,...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Tuesday,...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Tuesday,...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
What is ...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
What is ...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Kevin Ry...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Kevin Ry...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Kevin Ry...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
We need ...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
We need ...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Keith Bu...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Tuesday,...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Keith Bu...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Keith’s ...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Web acce...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Pareto P...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
The Pare...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Where do...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Know the...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Section ...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
WCAG 2.0...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://co...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
“A” leve...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://bl...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
For Amer...
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Question...
Upcoming SlideShare
Loading in...5
×

Siteimprove Accessibility HighEdWeb2013

364

Published on

My deck from heweb13, co presented with Keith Bundy

Published in: Education, Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
364
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Siteimprove Accessibility HighEdWeb2013"

  1. 1. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Kevin Rydberg Senior eAccessibility Consultant, Siteimprove, Inc. Keith Bundy Assistant Dean for Student Development, Dakota State University Kevin Rydberg Senior eAccessibility Consultant Siteimprove, Inc. Minneapolis, MN kry@siteimprove.com @rydbergk Keith Bundy Assistant Dean Student Development/ ADA Coordinator Dakota State University Madison, SD keith.bundy@dsu.edu Tuesday, October 8, 13
  2. 2. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Tuesday, October 8, 13
  3. 3. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Tuesday, October 8, 13
  4. 4. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Tuesday, October 8, 13
  5. 5. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Tuesday, October 8, 13
  6. 6. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 What is the most popular and widely used assistive device ever created? h"p://www.slideserve.com/jennelle/dhs-­‐s-­‐department-­‐wide-­‐governance-­‐of-­‐508-­‐compliance Tuesday, October 8, 13
  7. 7. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 What is the most popular and widely used assistive device ever created? Glasses! (and contact lenses) h"p://artprimo.com/forums/trailer_park_boys-­‐t1217.html h"p://www.slideserve.com/jennelle/dhs-­‐s-­‐department-­‐wide-­‐governance-­‐of-­‐508-­‐compliance Tuesday, October 8, 13
  8. 8. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Kevin Rydberg • Senior eAccessibility Consultant, Siteimprove, Inc. • Web Strategist, E-Communications, Dakota State University • Web Communications Coordinator, Mayo Clinic • Over 12 years in Web design, development and consulting Tuesday, October 8, 13
  9. 9. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Kevin Rydberg • Why Digital Accessibility? Tuesday, October 8, 13
  10. 10. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Kevin Rydberg • Why Digital Accessibility? Accessibility is about people. Tuesday, October 8, 13
  11. 11. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 We need to educate. Kevin Rydberg • Why Digital Accessibility? Tuesday, October 8, 13
  12. 12. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 We need to offer solutions. Kevin Rydberg • Why Digital Accessibility? Tuesday, October 8, 13
  13. 13. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Keith Bundy • Assistant Dean for Student Development • Dakota State University ADA Coordinator • Barrier Free Learning Committee Chair • Classroom instructor Tuesday, October 8, 13
  14. 14. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Tuesday, October 8, 13
  15. 15. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Keith Bundy • Assistant Dean for Student Development • Dakota State University ADA Coordinator • Barrier Free Learning Committee Chair • Classroom instructor Tuesday, October 8, 13
  16. 16. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Keith’s site review • www.monstersuniversity.com h"p://monstersuniversity.com/edu/ Tuesday, October 8, 13
  17. 17. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Web accessibility refers to “the practice of making websites usable by people of all abilities and disabilities.” http://en.wikipedia.org/wiki/Web_accessibility Tuesday, October 8, 13
  18. 18. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Pareto Principle Tuesday, October 8, 13
  19. 19. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 The Pareto principle (also known as the 80–20 rule) states that, for many events, roughly 80% of the effects come from 20% of the causes. http://www.nytimes.com/2008/03/03/business/03juran.html?_r=0 Pareto Principle 20%80% Tuesday, October 8, 13
  20. 20. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Where do I start? Tuesday, October 8, 13
  21. 21. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Know the rules • Know how to fix the problems • Your institution’s guidelines • Federal guidelines • Section 508 • WCAG 2.0 Tuesday, October 8, 13
  22. 22. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Section 508 • US only • Goes beyond web accessibility • Based on WCAG 1.0 • Currently being reviewed for updated criteria • SSB BART GROUP • https://www.ssbbartgroup.com/blog/2013/01/23/section-508-refresh-timing-projections/ Tuesday, October 8, 13
  23. 23. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 WCAG 2.0 • Created by WAI (Web Accessibility Initiative) of the W3C • Guidelines are grouped by priority, A, AA, AAA • WCAG 2.0 AA guidelines are a great place to start Tuesday, October 8, 13
  24. 24. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://coding.smashingmagazine.com/2009/04/08/from-­‐table-­‐hell-­‐to-­‐div-­‐hell/ Where do I start? Semantic Markup • Mark up with tags that describe the type of content • Not for presentation, but structure • Many benefits to semantic markup Tuesday, October 8, 13
  25. 25. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Coding for accessibility sucks. Where do I start? Tuesday, October 8, 13
  26. 26. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg There’s no such thing as a fully accessible website. Where do I start? Tuesday, October 8, 13
  27. 27. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Just because you have an (mostly) accessible site, doesn’t mean you have a usable site. Where do I start? Tuesday, October 8, 13
  28. 28. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Campus Disability Services • Find testers with disabilities • Alternative funding Where do I start? Tuesday, October 8, 13
  29. 29. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Low hanging fruit • Include files • CSS • Alt text • Define the language of the website • Skip links Where do I start? Tuesday, October 8, 13
  30. 30. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg High traffic pages • Top-level pages • Portal pages • Landing pages Where do I start? Tuesday, October 8, 13
  31. 31. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg “A” level errors first • Titles • Semantic mark up (h1-h6) • Alt tags • Decorative images Where do I start? Tuesday, October 8, 13
  32. 32. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 “A” level errors first body { background:#999 url('/css/images/homepage-bg.png')repeat; } h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Where do I start? <img src=”box-edge-bottom.jpg” alt=”“ /> Tuesday, October 8, 13
  33. 33. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Form elements • Labels • Descriptive titles • Tab order Where do I start? Tuesday, October 8, 13
  34. 34. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Redesign • Templates • Semantic markup • Clean CSS • Responsive sites Where do I start? Tuesday, October 8, 13
  35. 35. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Dev Server • Catch problems before they go live Where do I start? Tuesday, October 8, 13
  36. 36. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Role-based staff training • Non-technical Staff -- editors, managers • Developers • Designers Where do I start? Tuesday, October 8, 13
  37. 37. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Let your CMS do the work • Set up custom toolbars • Enforce proper coding, headings, lists, alt tags • Your website is not a Word document! Where do I start? Tuesday, October 8, 13
  38. 38. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 For Americans without disabilities, technology makes things easier. For Americans with disabilities, technology makes things possible. Mary Pat Radabaugh “Study on the Financing of Assistive Technology Devices & Services for Individuals with Disabilities” h"p://www.slideserve.com/jennelle/dhs-­‐s-­‐department-­‐wide-­‐governance-­‐of-­‐508-­‐compliance Tuesday, October 8, 13
  39. 39. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Questions? Thank You! Kevin Rydberg Senior eAccessibility Consultant Siteimprove, Inc. Minneapolis, MN kry@siteimprove.com @rydbergk Tuesday, October 8, 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×