Creating accessible content with the SmarterU LMS course builder

To establish a diverse and inclusive learning environment, we, as LMS administrators, need to consider how we design our content. Is it accessible to all learners, including those with disabilities? Can everyone use and benefit from our training equally? 

While many LMS systems, including SmarterU, provide learners with built-in accessibility features — such as the ability to change the display language or view things in high contrast — it’s our job to ensure the content is accessible.

What is accessible eLearning? 

Accessibility refers to creating products, services, and environments specifically designed with the needs of disabled people in mind. It’s important to note that not all disabilities are visible. For example, an aging workforce includes many learners with declining hearing or eyesight. As another example, some learners have a lower reading comprehension than others. In both situations, learners are not “disabled” under an official designation but may have difficulty accessing or understanding your training content if you fail to make it accessible. 

Instead of aiming for an accessible design, we recommend creating your training to have a universal design. Universal design considers everyone’s abilities from the beginning of content creation and promotes inclusivity in all areas. It allows everyone — both those with and without disabilities — to benefit from your content.

Want to learn more about digital accessibility? Check out the Learning Hub for several in-depth articles on this topic.

Why is accessible content important?

Accessible content is essential for many reasons. For one, it ensures everyone can successfully complete your training program. Properly trained staff are more confident in their roles, more efficient, and make fewer errors. This can impact many areas of your company, such as the number of employees you need to hire, the number of safety incidents that occur, and the amount you spend on damaged products. 

The workforce comprises a diverse range of people with different ages, genders, backgrounds, languages, and abilities. Don’t limit your training to a select few when many talented people can positively impact your organization. Accessible content benefits all learners, not just those with disabilities. A well-designed course is easier to navigate, understand, and engage with, making it more valuable to all. 

Accessible content may also be required for legal reasons. Several industries require that digital content meet a minimum accessibility standard. For example, you may need to meet a AA or AAA standard according to WCAG. While we won’t go into much detail on WCAG in this post, it is a popular set of Web Content Accessibility Guidelines (hence the name WCAG) that outline the accessibility standards required for content. There are other standards and mandates, so make sure you know what is required for your organization. 

How to design accessible content with SmarterU’s Course Builder

In the rest of this article, we’ll look at some best practices for creating accessible content using SmarterU’s Course Builder. While you can create accessible content using various tools, SmarterU’s built-in accessibility features make creating and maintaining inclusive content part of the workflow. 

When designing accessible content, it's essential to keep the following best practices in mind:

  • Include media assets with a purpose: Limit the media (i.e., images, videos, diagrams) you include to those that add value to your training. While stock images can add visual interest, they can be distracting and make it harder to navigate and determine what information is important when using a screen reader. 

You can add images and videos to content slides using SmarterU’s WYSIWYG editor

Screenshot calling out the "add image" and "add video" icons in the WYSIWYG editor of the SmarterU course builder.
  • Include alternative (alt) text for all images: Every time you add an image, include alt text for learners using screen readers. The alt text describes the image, highlighting its importance and how it supplements the content. It should provide adequate detail so learners only using alt text get the same value from the image as those viewing it. Alt text also displays to learners when images are unable to load. 

After adding an image in SmarterU (see above), you can add alt text by selecting the image, clicking the Image icon, and then adding an image description. 

Screenshot showing where to add alt text within the "insert/edit image" popup in the SmarterU course builder's WYSIWYG editor.
  • Provide subtitles and captions in videos: Ensure that learners with hearing or language difficulties can get the same information from your videos as other learners.
    While you can’t add subtitles or captions in SmarterU directly, you can (and should) include videos that have them. You may also consider using media with described video for those with sight impairments.

    You can embed videos using SmarterU’s WYSIWYG editor or upload a video by adding a video task.
Screenshot showing how to add a video task and upload the video file within the SmarterU course builder.
  • Provide alternatives to audio clips: Don’t rely on audio clips alone. When including audio, also provide a text transcript that learners can read instead.
    Within SmarterU’s Course Builder, you can add audio in two ways. If you want to upload an audio file, select the MP3 audio type and upload an MP3 file. Be sure to include the information shared in the audio on your content slide somewhere, either within the main content or as a transcript. 
Screenshot showing how an audio clip displays file within a SmarterU course.

You can also add audio to your content slide using SmarterU’s built-in text-to-speech narration feature. Select the Text-to-Speech Narration audio type and enter the text you want the system to narrate. By default, learners can also click to view this transcript. 

Screenshot showing how to view the transcript of the text-to-speech narration from an audio clip.
ProTip: Edit your online course's text-to-speech narration settings to customize how your narration sounds.
Screenshot showing how you can edit your text-to-speech narration with voice type, language, and effect.
  • Allow learners to control playback: By default, SmarterU allows learners to play and pause video and audio within an online course. Allowing learners to control when media plays lets them view the content at their own pace and helps to remove distractions, such as when audio plays while the learner is trying to read a slide. Learners also can click within the video or audio timeline to repeat or skip ahead in the content. 
Screenshot showing how to control audio playback on an audio clip.
  • Consider color: Don’t use color alone to convey meaning. For example, imagine you have a graph with two bars — one blue and one green. Not everyone perceives color similarly, so don’t just refer to the green bar as “green.” Use additional labels or text cues to point learners toward the desired information. 

    For example, when presenting the following graph, include the labels — “before” and “after” — as well as a pattern — in this case, horizontal and diagonal hatching — in addition to color.
Graph with the title "Costs" and two bars labelled "before" and "after". The "before" bar hits approximately 31% on the y-axis, and the "after" bar reaches to approximately 2%.
  • Do not solely use shapes, colors, locations, etc. to identify objects: Use text to call out important information in a graph or diagram. When you use visual cues alone, such as color, some learners may be unable to identify the information you want to highlight.  

    For example, the diagram below identifies the different areas of the brain using both color and text. 
Diagram of the brain identifying the different areas.

  • Consider the contrast: Make sure text, images, diagrams, and videos are displayed with enough contrast to be read by learners with visual impairments.
    Learners can control the text contrast using SmarterU’s learner-side accessibility functionality. Specifically, when viewing the learner interface, they can open the profile menu and switch to high contrast mode
Screenshot calling out the "high contrast" icon on the SmarterU learner dashboard.

This won’t affect the media in your course, so create those with adequate contrast before uploading or embedding them into your content. 

When writing accessible content, we recommend the following best practices: 

  • Use plain language: Ensure your content is easy to understand by avoiding jargon and complex language. When introducing new terms, be sure to define them clearly. 
  • Avoid gender-biased language: Don’t use gender-specific terms if there are gender-neutral alternatives. If necessary, use a gender-neutral, singular 'they' instead. Even though some jobs may be dominated by one gender, your training language should be tailored to all employees.
  • Use descriptive headings: Make your content easy to read and scan by breaking it into clear sections and sub-sections. This may help learners use screen readers to navigate your content. 
  • Include lists: In general, lists are easier for learners to read and scan than long blocks of text, especially on mobile devices. 

Before launching your training, test it using different assistive technologies, such as screen readers or keyboard-only navigation. If you can, use an accessibility audit tool or have some disabled learners go through your training and provide feedback on how you can improve things. As standards, technologies, and best practices evolve, be sure to make updates to ensure your content continues to meet the needs of your diverse workforce.

With the best practices you’ve just learned and SmarterU’s Course Builder, you have the tools to create better content for your learners. By providing an inclusive learning experience for everyone in your organization, you can avoid misunderstandings, cognitive overload, and other barriers to effective training and desired results. Next time you create content, make sure to keep accessibility in mind! 

Questions? Contact us at success@neovation.com.

Find more great content related to:

No items found.

Did you enjoy this post? Share the love (and knowledge)!

Want more SmarterNews? Subscribe to our blog!

Want to learn more?

Want more LMS insights?

We know we can solve your training pain. Take our LMS feature tour and check out how our solutions have helped other organizations find success.

Learning solutions experts ready to help!

We’re with you each step of the way as we build a relationship and share in the success of your training program!

Industry-leading LMS support!

We get back to you with practical responses that let you move your day forward — in 30 minutes or less.

Schedule a personalized, no-obligation LMS demo!

When you're ready, start the conversation with one of SmarterU's learning solutions experts! We'll help you find the best way forward with training that empowers your employees and achieves your business goals!

Craig Weiss Group 2021 Platinum Pick Award
Craig Weiss Group Customer Excellence Pledge badge
#19 of the top 20 Learning Management Systems in the world in 2023 according to The Craig Weiss Group
Training Industry 2022 Watchlist Learning Management System award
SmarterU LMS is a top 15 all-purpose learning system according to Talented Learning 2023 list by John Leh

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.