Aligning the Trusted Tester Process to Instructional Design & eLearning

Topic 2: Auto-Playing and Auto-Updating Content

eLearning Tips

• Allow users to control audio content
• Allow users to disable auto-playing media or mute
• Allow users to configure auto-updating content
• Ensure controls for content are easy to locate, keyboard accessible, and labeled clearly

Topic 7: Images

eLearning Tips

• Add equivalent alt text description to all images
• Use text instead of images of text
• Ensure decorative images are identified and marked with empty alt text (alt = “”)
• Limit using meaningful images as background images
• Use alt text to describe the purpose of CAPTCHA and require alternative form of CAPTCHA be provided
• Use ANDI Graphics/Images module to evaluate images on the page

Topic 10: Content Structure

eLearning Tips

• Ensure pages have a consistent hierarchy of headings (H1, H2, H3, etc.)
• Use sections headings to organize page content
• Use Sans Serif and Serif fonts of acceptable size (ex.16px) regular text
• Ensure list are formatted using built-in tool to create bullets
• Use ANDI Structures module to evaluate headings and list on the page

Topic 13: Sensory Characteristics and Contrast

eLearning Tips

• Ensure text has sufficient color contrast with its background and meets the minimum color contrast ratio
• Don’t rely on colors alone to convey meaning of information
• Use a combination of design elements (e.g., color, shapes, text, etc.)
• Use the ANDI Color Contrast module to evaluate contrast ratio on the page
• Use the Color Contrast Analyzer tool to identify the minimum contrast requirements when ANDI detects “Manual Test Needed”

Topic 15: CSS Content and Positioning

eLearning Tips

• Limit using (pseudo-elements ::before and ::after) to add meaningful content
• Limit using position: absolute to place content on the page as it may read incorrectly by screen reader
• Use ANDI Hidden Content module to reveal all hidden content and CSS hiding techniques on the page
• Use ANDI Advance Settings button Linearize Page option to evaluate elements positioned with CSS and reposition them in the order detected by screen reader

Topic 16: Pre-Recorded Audio-Only, Video-Only, and Animation

eLearning Tips

• Use high quality audio that is clear and concise
• Provide downloadable text transcript of audio and video files
• Provide a text transcript or audio track for video-only content (without sound)
• Provide a descriptive link for text transcript or audio track content

Topic 17: Synchronized Media

eLearning Tips

• Use text equivalent closed captions for audio or video files
• Use natural voice
• Use high quality audio that is clear and concise
• Ensure captions are synchronized to audio and meaningful visual images.
• Ensure audio descriptions are meaningful

Topic 18: Resize Text

eLearning Tips

• Provide users with the ability to resize text up to 200%

Topic 3: Flashing

eLearning Tips

• Allow users the ability to disable non-essential animation and movements initiated by user interaction
• Avoid design elements that flash and can cause seizures
• Limit blinking/flashing content to 3 seconds

Topic 4: Keyboard Access and Focus

eLearning Tips

• Provide an outline, highlight or other visual indicators for all interactive focusable elements
• Ensure all interactive focusable elements have the correct reading and tab order
• All interactive focusable elements should have clear name/description/role
• Do not initiate automatic change when an interactive element receives focus
• Design content for keyboard-only users
• Use the ANDI Focusable Elements module to evaluate all focusable interactive elements with keyboard access and visual focus on the page

Topic 8: Adjustable Time Limits

eLearning Tips

• Allow users the ability to adjust time limits before encountering them
• Warn users before time expiration
• Allow users at least 20 seconds for extended time limit with simple action (e.g., button), then allow user to extend time limit at least ten times
• Allow users the option to skip timed exercises

Topic 12: Page Titles, Frames and iFrames

eLearning Tips

• Ensure all pages, frames, and iframes have descriptive titles that are clear and concise to navigate the course
• Use TITLE attribute only to describe change of context if page is a result of user action
• Remember, frames are not used in HTML5
• Refer to Topic 9: Repetitive Content if frames or iframes use repetitive content
• Use ANDI Structures module to ensure page titles are unique and descriptive
• Use the ANDI iframes module to evaluate iframes on the page

Topic 5: Forms

eLearning Tips

• Provide form instructions at the top of the page
• Ensure form fields and form labels are sufficiently clear and descriptive
• Form labels must be visible when the form fields receive focus
• Provide a control (e.g., button) to initiate changes when the user makes a selection or enters information
• Ensure logical reading order for keyboard access and visual focus in forms
• Provide a description of input errors automatically detected including location of error
• Do not use color alone to indicate errors (Refer to Topic 13: Sensory Characteristics and Contrast)
• Use the ANDI Focusable Elements module to evaluate form elements on the page

Topic 6: Links and Buttons

eLearning Tips

• Add meaningful descriptions to links and buttons
• Do not use vague link text such as “click here” and “read more”
• Ensure each link and button text is unique when the destination is different
• Provide user consistent navigation for interactive elements
• Use ANDI Links/ Buttons module to evaluate all links and buttons on the page

Topic 9: Repetitive Content

eLearning Tips

• Allow users the option to skip repetitive content when multiple blocks of repetitive content occur
• Determine the location of where a skip mechanism will land once repetitive content is identified
• Determine if the link will be hidden until focus is received or visible on the page
• Use ANDI Links/Buttons module and view Links List to display a list of all links including Skip to Main Content and Skip Links tab on the page

Topic 11: Language

eLearning Tips

• Ensure the language used in the course is detectable by screen reader (e.g., NVDA, JAWS, etc.)
• Use ANDI Structures module and select more details dropdown menu to display the defined page language (e.g., EN - English)

Topic 14: Tables

eLearning Tips

• Avoid using complex tables and instead use simple tables
• Ensure tables have a proper reading order
• Create tables with column and/or row headers
• Use ANDI Tables module to evaluate every data table header and cell on the page

Topic 19: Multiple Ways

eLearning Tips

• Use links to navigate to related pages
• Use search field for user to navigate content
• Use site map
• Provide a list of all links on Home page

Topic 20: Parsing

eLearning Tips

Not applicable

Conclusion

New Editions stays at the forefront of accessibility as instructional design continues to evolve through the innovation of creating course content; developing instructional materials and tools; evaluating training, etc. We know that accessibility is a major component of the instructional process and learning solution.