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

Preventing a Digital Divide:

Accessibility and Online Learning

Diana K. Wakimotodiana.wakimoto@csueastbay.edu

California State University, East BayOnline Northwest 2009

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

Which Digital Divide?

Accessible Design/Universal Design

“research” by mwoodard on flickr used in accordance with Creative Commons License

Deadly Sins of Web Design

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

What’s Section 508?

How do You Measure Accessibility?

• FAE Rule Set

• beta Rule Set

• HTML Validation

• Navigation

“accessibility” by urbanreviewstldotcom, on flickr

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/

Vischeck

Vischeck Example

Red/Green Colorblind Simulation

Original Google Homepage

Retrofitting Old Resources

“Typewriter of Capricorn,” by emdot on flickr, used in accordance with Creative Commons License

Overstream

Creating New Accessible Resources

“Touchscreen Confusion,” by cheekyspanky on flickr, used in accordance with Creative Commons License

Putting it all Together...

Another Option: Voicethread

• Interactive, easy to use

• Create audio and text scripts over an online presentation

• Example: http://voicethread.com/share/296806

Wordpress

More Resources• Captivate Tutorials

• AxsJAX

• SurveyMonkey

• W3C

• WebAIM

“httpwww,” by ntr23 on flickr, used in accordance with Creative Commons License

Questions? Comments?

"Always listen to the experts. They'll tell you what can't be done and why.

Then do it." ~Robert Heinlein

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