![Page 1: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/1.jpg)
“If you don’t like the way the world is, you change it.
You have an obligation to change it.”
~Marian Wright Edelman
![Page 2: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/2.jpg)
Preventing a Digital Divide:
Accessibility and Online Learning
Diana K. [email protected]
California State University, East BayOnline Northwest 2009
![Page 3: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/3.jpg)
Slides, Info & More• http://thewakilibrarian.wordpress.com
![Page 4: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/4.jpg)
Which Digital Divide?
![Page 5: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/5.jpg)
Accessible Design/Universal Design
“research” by mwoodard on flickr used in accordance with Creative Commons License
![Page 6: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/6.jpg)
Deadly Sins of Web Design
http://dwightdesign.com/articles/deadlySinsOfWebDesign.html
![Page 7: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/7.jpg)
What’s Section 508?
![Page 8: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/8.jpg)
How do You Measure Accessibility?
• FAE Rule Set
• beta Rule Set
• HTML Validation
• Navigation
“accessibility” by urbanreviewstldotcom, on flickr
![Page 9: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/9.jpg)
Firefox Accessibility Toolbar
• Free add-on for Firefox
• Use to validate page for accessibility, generate reports, test navigation, etc.
• https://addons.mozilla.org/en-US/firefox/
![Page 10: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/10.jpg)
![Page 11: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/11.jpg)
Vischeck
![Page 12: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/12.jpg)
Vischeck Example
Red/Green Colorblind Simulation
Original Google Homepage
![Page 13: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/13.jpg)
Retrofitting Old Resources
“Typewriter of Capricorn,” by emdot on flickr, used in accordance with Creative Commons License
![Page 14: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/14.jpg)
Overstream
![Page 15: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/15.jpg)
Creating New Accessible Resources
“Touchscreen Confusion,” by cheekyspanky on flickr, used in accordance with Creative Commons License
![Page 16: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/16.jpg)
![Page 17: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/17.jpg)
![Page 18: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/18.jpg)
![Page 19: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/19.jpg)
Putting it all Together...
![Page 20: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/20.jpg)
Another Option: Voicethread
• Interactive, easy to use
• Create audio and text scripts over an online presentation
• Example: http://voicethread.com/share/296806
![Page 21: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/21.jpg)
Wordpress
![Page 22: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/22.jpg)
More Resources• Captivate Tutorials
• AxsJAX
• SurveyMonkey
• W3C
• WebAIM
“httpwww,” by ntr23 on flickr, used in accordance with Creative Commons License
![Page 23: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/23.jpg)
Questions? Comments?
"Always listen to the experts. They'll tell you what can't be done and why.
Then do it." ~Robert Heinlein
![Page 24: Online Northwest 2009 Accessibility and Online Learning](https://reader035.vdocument.in/reader035/viewer/2022081519/55903ba81a28ab180d8b47dc/html5/thumbnails/24.jpg)
URLs to Resources Listed
• Firefox Add-ons: https://addons.mozilla.org/en-US/firefox/
• Vischeck: http://www.vischeck.com/
• Overstream: http://www.overstream.net/
• Adobe Captivate: http://www.adobe.com
• Voicethread: http://voicethread.com/
• Wordpress: http://wordpress.com
• SurveyMonkey: http://www.surveymonkey.com/
• AxsJAX: http://code.google.com/p/google-axsjax/
• W3C: http://www.w3.org/
• WebAIM: http://www.webaim.org/
• Deadly Sins of Web Design: http://dwightdesign.com/articles/deadlySinsOfWebDesign.html