Universal Access

Interactive Accessibility Options

I designed this course for a state government client, so it needed to be accessible to all learners –including those with visual or hearing impairments.

Accessibility controls - font size, audio, contrast

Based on research, as well as input from a completely blind staff person (who used screen reading software to test the course periodically while it was under development), I included the following features:

  • Audio volume controls;
  • One-click switching between high and low contrast screen resolutions (at any time);
  • Font size controls;
  • Text captioning and screen numbers;
  • Use of the <Tab> key (rather than the mouse) to access all buttons and controls;
  • A downloadable transcript in Word document format.

Credit: Graphic design by Christina Scott.

Find out more about accessibility from the  W3C Web Accessibility Initiative.


High and Low Contrast Screen Resolutions

Accessible screens showing contrasting resolutions

Course Design & Structure

This interactive simulation provided administrators with the opportunity to learn a new software application through demonstration, practice and self-assessment. I divided it into seven modules since administrators would be granted differing levels of access to the software and hence carry out dissimilar tasks depending on their level of access. For example, an Approver would only needed to learn how to grant approvals, etc.

I liaised with both the software development team and SMEs in order to accurately align the system functionality with job tasks within an interesting back-story that would resonate with the learner.

For longer modules, I alternated between practice and self-assessment in order to reinforce learning and provide additional engagement.