Accessibility with Lectora Inspire 16

ADA E-learning Compliance with Lectora 16 Presentation Accessibility with Lectora Inspire 16 ADA E-learning Compliance with Lectora 16 Our background and 508/WCAG development. Dan Richards Gerald Miller

Topics Settings Tab Order and Navigation Text Images Hotspots Audio Accessibility with Lectora Inspire 16 Settings Tab Order and Navigation Text Images Hotspots Audio Video Interactions Timing Resources Compatibility and Performance Poll Question

Settings Web Accessibility Setting (in Title Options) Accessibility with Lectora Inspire 16 Web Accessibility Setting (in Title Options) Limits audio and video controller options Disables lightbox popups Activates ALT tags for images and buttons Enables Language property setting for text fields Enables new “Set Reading Order to Last” feature

Tab Order and Navigation Accessibility with Lectora Inspire 16 Screen reader reads in the following order*: Title or AU level first Page level objects From top to bottom in Title Explorer *Can group some navigation buttons and set them to read last instead of first We often do this with Next and Back for usability. Can disinherit that group if special navigation is required

Text Accessibility with Lectora Inspire 16 JAWS reads all objects on page load, but after that the user must press Tab or other JAWS host keys to hear text. Best Practice for Hyperlinks: Avoid “click here”. The verb should be what to do with the resource like “Read section 1.2 of the policy.” Apply text header settings to enable greater usability. Users can use hot keys to search for those items they feel are most important based on the style declarations.

Images Accessibility with Lectora Inspire 16 JAWS reads the name of the object as it appears in the title explorer. Best Practice: Keep the description short don’t qualify the image unless it needs to be qualified. So not “Image xyz” but “hand-drawn diagram of xyz”. 128 characters is the limit in the name field. Objects in Lectora can have a more lengthy description as well by placing text in a hidden field. This is good for more complex images. Best practice: Put images before text in tab order. Exclude decorative images by selecting “Empty ALT tag”.

Audio Accessibility with Lectora Inspire 16 Provide option set media to not autostart. This can help avoid our audio playing over JAWS. Text equivalent options: Screen text – can even make it look like open or closed captioning or as a static scrolling field Transcript PDF Closed captioning can be added via XML when using a stock controller on an audio or video object. Hidden (masked) text field

Video Accessibility with Lectora Inspire 16 Provide option set media to not autostart. This can help avoid our audio playing over JAWS. With MP4s added to the file we can use Player controls. With videos streaming from a service like Vimeo you would have to link out. Text equivalent options: Screen text – can even make it look like open or closed captioning or as a static scrolling field Transcript PDF Hidden (masked) text field

Interactions User can Tab to objects and press Enter to activate. Accessibility with Lectora Inspire 16 User can Tab to objects and press Enter to activate. Default question Feedback is the display message dialog which is compliant, or you can use the scroll to feature. Custom interactions can also use the scroll to action or the display message action. Alternative equivalents – often in a transcript in text format but can still be engaging Use graphical buttons instead of images with actions.

Timing Generally, we want the user to control access to the content. Accessibility with Lectora Inspire 16 Generally, we want the user to control access to the content. When we use actions to cause something new to appear on the screen, JAWS tends to recognize that as a reason to start reading the screen contents again from the start. You could use the scroll to action to help but things will get messy.

Compatibility and Performance Accessibility with Lectora Inspire 16 Excellent across multiple browsers and with screen readers. (IE seems strongest) Outputs HTML5 with some nice options to enhance JAWS usability Enables a skilled developer to create a template for more rapid 508/WCAG developments by less skilled team members Our go-to tool for developing Section 508/WCAG content

Resources Accessibility with Lectora Inspire 16 Interactive Advantage www.interactiveadvantage.com dan.Richards@interactiveadvantage.com 770-954-9566 Lectora Accessibility Pack: (Use coupon code TRIVWEBINAR2016 for a 15% discount!) https://www.interactiveadvantage.com/accessibility-packs-lectora-and-storyline How to Use Lectora to Create Accessible Courses http://trivantis.com/blog/how-to-use-lectora-to-create-accessible-courses/ Making eLearning Accessible (eBook) http://trivantis.com/ebooks/making-elearning-accessible Section 508 Info: https://www.section508.gov/content/learn/laws-and-policies WCAG Info: https://www.w3.org/WAI/intro/wcag.php

Questions ADA E-learning Compliance with Lectora 16 Accessibility with Lectora Inspire 16 Questions Dan Richards, Chief Learning Strategy Officer, Interactive Advantage dan.richards@interactiveadvantage.com 770-954-9566 Gerald Miller, Senior Multimedia Developer, Interactive Advantage gerald.miller@interactiveadvantage.com