Section 508 Compliant Content in iSpring Suite
![Section508](https://www.ispringsolutions.com/blog/wp-content/uploads/2019/09/Section508.jpg)
The newest update of iSpring Suite gives eLearning authors a big advantage – now, they can create accessible content for users with visual impairments.
The option to create accessible content helps authors to comply with Section 508 of the Rehabilitation Act of 1973, which requires that electronic information be available for individuals with disabilities. Despite the fact that Section 508 applies only to federal agencies, many other businesses and organizations aim to make their content fully accessible, as they want to make the world a better place for people with impairments and also to reach a larger audience with no exclusions.
That’s why we’ve improved iSpring Suite even further to give course creators more options to create Section 508 compliant content fast and hassle-free. With iSpring Suite, you can build online courses, tests, eLearning interactions, and e-books that users with a visual impairment can easily take.
To create accessible content, you don’t have to make different versions or master a new tool – you just build a course or a quiz in a respective editor as you usually do, and tick a single checkbox. However, you should stick to some simple rules for creating accessible content. (We’re going to discuss them in this post too, just keep reading.)
iSpring Suite creates learning content in accordance with Web Content Accessibility Guidelines (WCAG) 2.0.
iSpring Suite publishes learning modules to a special format that allows learners to switch to accessibility mode by clicking the ? button. The only exception is an interactive flipbook: if you publish it to the accessible format, it won’t feature the other mode.
Here’s how a course slide and a quiz question look in different modes:
![Accessible courses in iSpring Suite Slide-based course in different modes](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/03/ispring-blog-image-1583223872.gif)
![](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/03/ispring-blog-image-1583232281.gif)
And these are two different modes of the Media Catalog interaction. To easily navigate between the interaction steps in accessibility mode, learners can use a list of items.
![Accessible interaction An eLearning interaction in accessibility mode](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/11/ispring-blog-image-1573635604.gif)
How is the accessibility mode different?
Here’s what you can expect from the accessibility mode:
Perceivable texts. Clear fonts and high contrast make it easier for a person with a visual impairment to read the text on the screen. In the accessibility mode, courses created with iSpring Suite feature the comfortable sans-serif typeface Segoe UI.
Minimalistic layout. Courses and quizzes include only the most necessary elements, which keeps the interface clear of distractions. If your course slides include animations, transition effects, and elements set to autostart, they won’t appear in the accessibility mode. Such neat and succinct slides are easy to navigate for those who use only a keyboard to work on a computer.
Screen reader-friendly content. Screen readers, as the name suggests, turn text into speech and allow users to navigate with the keyboard, e.g., jump between elements, select checkboxes, and fill in fields. This way, people with visual impairments can use computers without anyone’s assistance.
If digital content isn’t optimized for screen readers, there might be issues. For example, a screen reader might voice content in the wrong order or be unable to activate checkboxes.
Courses created with iSpring Suite are recognized by the most popular screen readers: JAWS, VoiceOver, and NVDA.
We’ve put together simple step-by-step instructions on how to publish a course, a quiz, an interaction, or a flipbook to the accessible format and a few helpful tips for content authors.
How to create an accessible eLearning course in iSpring Suite
1. Open PowerPoint and create a new presentation or open an existing file you’d like to turn into an online course.
2. If you start from a blank slide, add texts and shapes there. Please keep in mind that if a shape doesn’t have a text, it won’t appear on the accessibility mode. The same goes for pictures – be sure to add alternative texts (alt-texts) to them. Just right-click on the image and select Edit Alt Text. The picture without an alt-text will be ignored in the accessibility mode.
![Adding alt-texts How to add alt-text to an image](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/03/ispring-blog-image-1583228733.jpg)
Adding alt-text to images is a good rule of thumb when you create content for users with visual impairments. So, if you want to repurpose an existing PowerPoint presentation and turn it into an eLearning course, make sure that all important images have textual clues for those who can’t see well.
The same goes for videos: don’t forget that some of your learners are only able to hear it, not see it.
3. To ensure that a screen reader voices elements in the proper order, set them in the correct sequence using the Selection Pane in PowerPoint.
To open the Selection Pane, go to the Home tab, click on Arrange, and pick Selection Pane.
![Open a Selection Pane How to open a Selection Pane in PowerPoint](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/03/ispring-blog-image-1583228808.jpg)
You can move objects in the Selection Pane simply by dragging and dropping them:
![Selection Pane Arrange elements on the Selection pane](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/03/ispring-blog-image-1583228840.jpg)
Here’s a helpful video tutorial on working with the Selection Pane in PowerPoint:
How to Use the Selection Pane in PowerPoint
Please note that the accessibility mode currently has some limitations, e.g., it doesn’t show animations, transitions or resources added via Slide Master. The accessibility mode supports audio, video, quizzes, and interactions added in iSpring Suite, but doesn’t support dialog simulations and web objects.
4. When your course is ready, click on the Publish button in the iSpring Suite tab and enable Accessibility mode.
![Accessibility mode in iSpring Suite Enable accessibility mode in iSpring Suite](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/03/ispring-blog-image-1583228913.jpg)
Don’t forget to specify a language: a screen reader pronounces text in the language you set, and if it doesn’t match the language of your course, the screen reader will voice it with a strange accent.
5. After you fine-tune the settings, hit the Publish button.
How to create an accessible test
1. Launch iSpring QuizMaker from the iSpring Suite toolbar or in a standalone mode.
![Start menu Launch iSpring QuizMaker](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/10/ispring-blog-image-1570089273.jpg)
2. In the Form View tab just add a couple of questions to be able to publish the quiz.
Note: Hotspot and Drag-and-drop questions don’t work in accessibility mode. In an LMS, these questions will be reported as unanswered.
Also, I want to share important info with you right now: please keep in mind that if you add content in Slide View, for example, pictures or shapes, they won’t appear in accessibility mode after publishing.
![Select the Form View The Form View in iSpring QuizMaker](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/10/ispring-blog-image-1570089659.jpg)
Tip: Rely on text rather than images to convey important info. Include meaningful data in the question wording or, at least, add alt-text to a picture.
![How to add alt-texts to images in iSpring QuizMaker Adding alternative text](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/10/ispring-blog-image-1570090078.jpg)
3. Click on the Publish button and enable Accessibility mode.
![Turn on Accessibility mode](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/11/ispring-blog-image-1573638614.png)
4. Specify a language and click on the Save button. Now, your quiz is ready for publishing.
![Select language for screen readers Accessibility settings](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/10/ispring-blog-image-1570603173.jpg)
How to create an accessible interaction
1. Add an interaction to your course by clicking the Interaction button in the iSpring Suite toolbar.
![How to create an interaction iSpring Suite Adding an interaction](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/03/ispring-blog-image-1583230377.jpg)
If you want to use an interaction separately, launch the standalone interaction editor (iSpring Visuals). You can do this from the Windows Start menu.
![Launch iSpring Visuals](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/11/ispring-blog-image-1573638554.png)
2. From the list of interactions, select the one you’d like to create and click on Create Interaction.
![Choose an interacrtion Select an interaction type](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/11/ispring-blog-image-1573638771.png)
3. We’ve chosen the create the Guided Image interaction, however, for all other modules, the instructions are the same. So, populate the interaction with texts and images and add alt-texts.
Adding alt-texts in interactions is also easy: once you’ve added a picture (via Insert → Picture), the Alternate text field appears, and you can type a description there.
![](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/11/ispring-blog-image-1573640111.png)
4. When your interaction is ready, just click Publish.
![Publish accessible interactions How to create accessible interaction](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/11/ispring-blog-image-1573638860.png)
5. In the Publish window, turn on Accessibility mode.
![Accessibility settings for interactions How to turn on accessibility mode in iSpring Suite](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/11/ispring-blog-image-1573638966.png)
6. Enable Screen reader mode and specify the language for your interaction. Now, you are all set to hit Publish.
![Accessibility settings for an interaction Screen reader mode](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2019/11/ispring-blog-image-1573639736.png)
How to create an accessible eLearning flipbook
1. Launch iSpring Flip in iSpring Suite by selecting the Books tab or in standalone mode.
![The Books tab in iSpring Suite Go to the Books tab in iSpring Suite](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/04/ispring-blog-image-1587632576.png)
2. Next, browse for a PDF, DOC, or PPT file you want to convert into a book and click on the Publish button.
![Book preview in iSpring Flip Open file in iSpring Flip](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/04/ispring-blog-image-1587632767.png)
3. In the Publish Window, click Off next to Accessibility to switch it to On.
![Enable accessibility Switch to accessible mode](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/04/ispring-blog-image-1587632887.png)
4. Check Enable screen reader mode and specify a language.
![Accessibility Settings Enable screen reader mode](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/04/ispring-blog-image-1587633186.png)
Accessibility mode is now on – just click Publish.
![](https://www.ispringsolutions.com/blog/wp-content/uploads/editor/2020/04/ispring-blog-image-1587633407.png)
Please note that when publishing a book into accessibility mode, you can’t disable text editing and viewing locally in Additional settings. This option is always set to Copy text, Local view (see the screenshot above) because otherwise, screen readers won’t be able to access and voice the text of the ebook.
As we’ve mentioned, if you publish a flipbook into the accessible format, it will be available only in this format without the option to switch to the mode for sighted users.
For now, the accessibility mode is only available on desktop devices.
We’re working on adding new accessible options to iSpring Suite. Stay tuned!