online northwest 2009 accessibility and online learning

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

Upload: thewakilibrarian

Post on 29-Jun-2015

888 views

Category:

Education


0 download

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/)

TRANSCRIPT

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