LMS and Accessibility

Poll Everywhere

• https://www.polleverywhere.com/my/polls

Assistive Technology

Computer Comfort

Computer Refurbishing

Employment

Job Fair

Online

Disability and Access Technology

Types of Accessibility / Disability

• Vision

• Auditory

• Cognitive

• MobilityGraphic from Deque Systems

http://www.deque.com

Moodle Demo with Jaws• http://www.youtube.com/watch?v=GDGDnLh5QVA&t=01m

39s

ZoomText

• https://www.youtube.com/watch?v=jqLo_OmpFmU#t=90

Video with Accessible Controls

• http://learn.neilsquire.ca/mod/page/view.php?id=21778

Video with Captions

• https://www.youtube.com/watch?v=Oj-NG778mkY#t=93

Literacy

• http://learn.neilsquire.ca/mod/page/view.php?id=21779

Dragon Naturally Speaking

• Dragon Naturally Speaking Demo (C2)• https://

www.atomiclearning.com/k12/dragon-naturally-speaking-13-training

LMS and Accessibility

Common LMS issues

• Sheer complexity (less is more)• Navigation (lack of headings, simple links vs

unordered lists)• Alternate Text to pictures (alt=“”)• Multiple images/icons/buttons/links with

same text description• VPAT – Voluntary Product Accessibility

Template

Simple Accessibility Tests

• Clean HTML – <h1> – <alt="">– Click here?

• “Skip To” links• Tab through Page• Highlight Page• Captcha• Firefox plugins – Fangs, Wave

Firefox plugins – Fangs, Wave

• Washington Accessibility Examples • http://www.washington.edu/accesscomputing

/AU/

• Wave Toolbar (Firefox)• Fangs

What can you do: Open Source

• Hack locally• Contribute fixes• Submit Bug Reports• Collaborate with Working Groups

Creating Accessible Content

Present content in multiple ways

All non-text content should be paired with a text alternative. In practice, this means:• ‘Alt tags’ for images written to clearly describe

what the image depicts• Videos with captions describing the audio

track• Audio with a text transcript• Form inputs labeled

Videos and other visual multimedia content such as infographics, GIFs, and animations should be paired with a description. For example:• A text description of the content, for screen

readers• An audio description

Present content in multiple ways

Organize, structure, & make content clear

Screen readers read the markup, not the page presented visually in the web browser.• Don’t just bold titles and headers—use ‘styles’ for

headings: H1, H2, H3, H4.• Don’t use hyphens for lists—use the bulleted or

numbered list styles.• Don’t use tables to style content—but do use them if

you are presenting an actual table of data.• Don’t use colored or highlighted text to make

passages stand out—use bold for importance, italic for emphasis, and blockquote for call-outs or quotes.

Organize, structure, & make content clear

• Avoid using color on its own to distinguish or organize content, as color-blind users might have difficulty discerning differences.

• Ensure sufficient contrast—dark and light—between visual elements.

Make content and navigation consistent

• Consistent Navigation / menus• Create a “first visit” tour or “Welcome Course”

Case Studies

Google

• https://prezi.com/-smyfoyvagiz/accessibility-and-google/

University of Guelph

• Common LMS Accessibility Issues and Tips• https://

www.uoguelph.ca/tss/projects/LMSaccessibilitytips.pdf

BC Open Textbook Accessibility Toolkit

• http://opentextbc.ca/accessibilitytoolkit/

Moodle Screen Reader

• http://learn.neilsquire.ca/mod/page/view.php?id=21881

LMS and Accessibility