[Athen] Accessibility for Interactive Tutorial

Hunziker, Dawn A - (hunziker) hunziker at email.arizona.edu
Fri Apr 5 09:28:04 PDT 2013

Hi all,

I'm working with the University of Arizona's Library team regarding the accessibility of their interactive tutorials. My understanding is that the code is open source and there are approximately 100 libraries across the nation either using or wanting to use these tutorials. However the tutorial isn't as accessible and usable as it could be which is delaying implementation on some campuses. So in an effort to create an accessible, interactive tutorial, I'm looking for some suggestions which ensures accessibility for both assistive technology users and mobile devices....

The "Guide on the Side" tutorials provide step-by-step instructions on the left side of the screen while allowing users to practice using a live website (or database) on the right side of the screen. An example of the tutorial can be found at http://www.library.arizona.edu/applications/quickHelp/tutorial/searching-academic-search-complete (please feel free to explore the tool and offer feedback/suggestions)

The column on the left is basically one page with directions. Using Javascript and iframes allows the navigation elements on the bottom of the left window and displaying the library database page on the right allowing students to interactively follow along.

Currently, in order to get to the page on the right, as a person using the keyboard to navigate, I have to go through the entire tutorial on the left before being able to access the right side.

So, one thought I had was to create a page that gives directions and then links directly to the Library page. The link would open a new tab or window (not the most accessible option) and the user would switch between the two windows to complete the tutorial. While this isn't optimal, it's definitely more accessible than the current design.

One of the key features we want to maintain include instant feedback for quiz answers and a quiz at the end that is graded automatically.

Ideas for or examples of accessible, interactive tutorials would be greatly appreciated.



Dawn Hunziker
Coordinator, Technology Access

Disability Resource Center
hunziker at email.arizona.edu<mailto:hunziker at email.arizona.edu>

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman12.u.washington.edu/pipermail/athen-list/attachments/20130405/38d5a7f0/attachment.html>

More information about the athen-list mailing list