24
“If you don’t like the way the world is, you change it. You have an obligation to change it.” ~Marian Wright Edelman

Online Northwest 2009 Accessibility and Online Learning

Embed Size (px)

DESCRIPTION

Slides from presentation on accessibility and online learning from Online Northwest 2009.For use under Creative Commons' Attribution-Noncommercial-Share Alike 3.0 Unported License (http://creativecommons.org/licenses/by-nc-sa/3.0/)

Citation preview

Page 1: Online Northwest 2009 Accessibility and Online Learning

“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

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

Slides, Info & More• http://thewakilibrarian.wordpress.com

Page 4: Online Northwest 2009 Accessibility and Online Learning

Which Digital Divide?

Page 5: Online Northwest 2009 Accessibility and Online Learning

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

Deadly Sins of Web Design

http://dwightdesign.com/articles/deadlySinsOfWebDesign.html

Page 7: Online Northwest 2009 Accessibility and Online Learning

What’s Section 508?

Page 8: Online Northwest 2009 Accessibility and Online Learning

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

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
Page 11: Online Northwest 2009 Accessibility and Online Learning

Vischeck

Page 12: Online Northwest 2009 Accessibility and Online Learning

Vischeck Example

Red/Green Colorblind Simulation

Original Google Homepage

Page 13: Online Northwest 2009 Accessibility and Online Learning

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

Overstream

Page 15: Online Northwest 2009 Accessibility and Online Learning

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
Page 17: Online Northwest 2009 Accessibility and Online Learning
Page 18: Online Northwest 2009 Accessibility and Online Learning
Page 19: Online Northwest 2009 Accessibility and Online Learning

Putting it all Together...

Page 20: Online Northwest 2009 Accessibility and Online Learning

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

Wordpress

Page 22: Online Northwest 2009 Accessibility and Online Learning

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

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

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