{"id":17839,"date":"2019-11-13T13:20:38","date_gmt":"2019-11-13T09:20:38","guid":{"rendered":"https:\/\/www.ispringsolutions.com\/blog\/?p=17839"},"modified":"2026-03-11T16:11:36","modified_gmt":"2026-03-11T12:11:36","slug":"coming-soon-section-508-compliant-content-in-ispring-suite-9","status":"publish","type":"post","link":"https:\/\/www.ispringsolutions.com\/blog\/section-508-compliant-content-in-ispring-suite","title":{"rendered":"Section 508 Compliant Content in iSpring Suite"},"content":{"rendered":"<p>The newest update of <a href=\"\/ispring-suite\" target=\"_blank\" rel=\"noopener\">iSpring Suite<\/a> gives eLearning authors a big advantage \u2013 now, they can create accessible content for users with visual impairments.<\/p>\n<p>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.<\/p>\n<p>That\u2019s why we\u2019ve 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.<\/p>\n<p>To create accessible content, you don\u2019t have to make different versions or master a new tool \u2013 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\u2019re going to discuss them in this post too, just keep reading.)<\/p>\n<blockquote><p><em><span style=\"font-weight: 400\">iSpring Suite creates learning content in accordance with <\/span><\/em><a href=\"https:\/\/www.w3.org\/TR\/WCAG20\/\" rel=\"nofollow\"><em><span style=\"font-weight: 400\">Web Content Accessibility <\/span><\/em><\/a><a href=\"https:\/\/www.w3.org\/TR\/WCAG20\/\" target=\"_blank\" rel=\"nofollow noopener\"><em><span style=\"font-weight: 400\">Guidelines<\/span><\/em><\/a><em><span style=\"font-weight: 400\"> (WCAG) 2.0.<\/span><\/em><\/p><\/blockquote>\n<p><span style=\"font-weight: 400\">iSpring Suite publishes learning modules to a special format that allows learners to switch to accessibility mode by clicking the ? button.\u00a0<\/span>The only exception is an interactive flipbook: if you publish it to the accessible format, it won\u2019t feature the other mode.<\/p>\n<p><span style=\"font-weight: 400\">Here\u2019s how a course slide and a quiz question look in different modes:<\/span><\/p>\n<div class=\"image_wrapper\" style=\"height: 445px\"><img loading=\"lazy\" decoding=\"async\" title=\"Accessible courses in iSpring Suite\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1583223872.gif\" alt=\"Slide-based course in different modes\" width=\"792\" height=\"445\" \/><\/div>\n<div class=\"image_wrapper\" style=\"height: 445px\"><img loading=\"lazy\" decoding=\"async\" title=\"\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1583232281.gif\" alt=\"\" width=\"792\" height=\"445\" \/><\/div>\n<p>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.<\/p>\n<div class=\"image_wrapper\" style=\"height: 521px\"><img loading=\"lazy\" decoding=\"async\" title=\"Accessible interaction\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/11\/ispring-blog-image-1573635604.gif\" alt=\"An eLearning interaction in accessibility mode\" width=\"792\" height=\"521\" \/><\/div>\n<h2 id=\"How-is-the-accessibility-mode-different?\"><strong>How is the accessibility mode different?<\/strong><\/h2>\n<p><span style=\"font-weight: 400\">Here\u2019s what you can expect from the accessibility mode:<\/span><\/p>\n<p><strong>Perceivable texts. <\/strong>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<span style=\"font-weight: 400\">.<\/span><\/p>\n<p><strong>Minimalistic layout<\/strong><span style=\"font-weight: 400\">. 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\u2019t 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.<\/span><\/p>\n<p><strong>Screen reader-friendly content<\/strong><span style=\"font-weight: 400\">. 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\u2019s assistance.<\/span><\/p>\n<p><span style=\"font-weight: 400\">If digital content isn\u2019t 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.<\/span><\/p>\n<blockquote><p><span style=\"font-weight: 400\">Courses created with iSpring Suite are recognized by the most popular screen readers: JAWS, VoiceOver, and NVDA.<\/span><\/p><\/blockquote>\n<p>We\u2019ve 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.<\/p>\n<h2 id=\"How-to-create-an-accessible-eLearning-course-in-iSpring-Suite\">How to create an accessible eLearning course in iSpring Suite<\/h2>\n<p>1. Open PowerPoint and create a new presentation or open an existing file you\u2019d like to turn into an online course.<\/p>\n<p>2. If you start from a blank slide, add texts and shapes there. Please keep in mind that if a shape doesn\u2019t have a text, it won\u2019t appear on the accessibility mode. The same goes for pictures \u2013 be sure to add alternative texts (alt-texts) to them. Just right-click on the image and select <strong>Edit Alt Text<\/strong>. The picture without an alt-text will be ignored in the accessibility mode.<\/p>\n<div class=\"image_wrapper\" style=\"height: 484px\"><img loading=\"lazy\" decoding=\"async\" title=\"Adding alt-texts\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1583228733.jpg\" alt=\"How to add alt-text to an image\" width=\"792\" height=\"484\" \/><\/div>\n<p>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\u2019t see well.<\/p>\n<p>The same goes for videos: don\u2019t forget that some of your learners are only able to hear it, not see it.<\/p>\n<p>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.<\/p>\n<p>To open the Selection Pane, go to the <strong>Home<\/strong> tab, click on <strong>Arrange<\/strong>, and pick <strong>Selection Pane<\/strong>.<\/p>\n<div class=\"image_wrapper\" style=\"height: 465px\"><img loading=\"lazy\" decoding=\"async\" title=\"Open a Selection Pane\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1583228808.jpg\" alt=\"How to open a Selection Pane in PowerPoint\" width=\"792\" height=\"465\" \/><\/div>\n<p>You can move objects in the Selection Pane simply by dragging and dropping them:<\/p>\n<div class=\"image_wrapper\" style=\"height: 481px\"><img loading=\"lazy\" decoding=\"async\" title=\"Selection Pane\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1583228840.jpg\" alt=\"Arrange elements on the Selection pane\" width=\"792\" height=\"481\" \/><\/div>\n<p>Here\u2019s a helpful video tutorial on working with the Selection Pane in PowerPoint:<\/p>\n<p><a title=\"Working with the Selection Pane\" href=\"https:\/\/www.youtube.com\/watch?v=hle3EOAh15w&amp;list=PL3h507uK1S2mmqpStbDykFdnTS0HDggkY&amp;index=64\" target=\"_blank\" rel=\"noopener\">How to Use the Selection Pane in PowerPoint<\/a><\/p>\n<p>Please note that the accessibility mode currently has some limitations, e.g., it doesn\u2019t show animations, transitions or resources added via Slide Master. The accessibility mode supports audio, video, quizzes, and interactions added in iSpring Suite, but doesn\u2019t support dialog simulations and web objects.<\/p>\n<p>4. When your course is ready, click on the <strong>Publish<\/strong> button in the iSpring Suite tab and enable Accessibility mode.<\/p>\n<div class=\"image_wrapper\" style=\"height: 576px\"><img loading=\"lazy\" decoding=\"async\" title=\"Accessibility mode in iSpring Suite\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1583228913.jpg\" alt=\"Enable accessibility mode in iSpring Suite\" width=\"792\" height=\"576\" \/><\/div>\n<p>Don\u2019t forget to specify a language: a screen reader pronounces text in the language you set, and if it doesn\u2019t match the language of your course, the screen reader will voice it with a strange accent.<\/p>\n<p>5. After you fine-tune the settings, hit the <strong>Publish<\/strong> button.<\/p>\n<h2 id=\"How-to-create-an-accessible-test\">How to create an accessible test<\/h2>\n<p>1. Launch iSpring QuizMaker from the iSpring Suite toolbar or in a standalone mode.<\/p>\n<div class=\"image_wrapper\" style=\"height: 339px\"><img loading=\"lazy\" decoding=\"async\" title=\"Start menu\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/10\/ispring-blog-image-1570089273.jpg\" alt=\"Launch iSpring QuizMaker\" width=\"792\" height=\"339\" \/><\/div>\n<p>2. In the <strong>Form View<\/strong> tab just add a couple of questions to be able to publish the quiz.<\/p>\n<p><strong>Note<\/strong>: Hotspot and Drag-and-drop questions don\u2019t work in accessibility mode. In an LMS, these questions will be reported as unanswered.<\/p>\n<p>Also, I want to share important info with you right now: please keep in mind that if you add content in <strong>Slide View<\/strong>, for example, pictures or shapes, they won\u2019t appear in accessibility mode after publishing.<\/p>\n<div class=\"image_wrapper image_wrapper_caption_margin\" style=\"height: 339px\"><img loading=\"lazy\" decoding=\"async\" title=\"Select the Form View\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/10\/ispring-blog-image-1570089659.jpg\" alt=\"The Form View in iSpring QuizMaker\" width=\"792\" height=\"339\" \/><\/p>\n<div class=\"caption_wrapper\"><\/div>\n<\/div>\n<p><strong>Tip<\/strong>: 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.<\/p>\n<div class=\"image_wrapper\" style=\"height: 386px\"><img loading=\"lazy\" decoding=\"async\" title=\"How to add alt-texts to images in iSpring QuizMaker\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/10\/ispring-blog-image-1570090078.jpg\" alt=\"Adding alternative text\" width=\"792\" height=\"386\" \/><\/div>\n<p>3. Click on the <strong>Publish<\/strong> button and enable <strong>Accessibility mode<\/strong>.<\/p>\n<div class=\"image_wrapper\" style=\"height: 445px\"><img loading=\"lazy\" decoding=\"async\" title=\"\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/11\/ispring-blog-image-1573638614.png\" alt=\"Turn on Accessibility mode\" width=\"792\" height=\"445\" \/><\/div>\n<p>4. Specify a language and click on the <strong>Save<\/strong> button. Now, your quiz is ready for publishing.<\/p>\n<div class=\"image_wrapper\" style=\"height: 445px\"><img loading=\"lazy\" decoding=\"async\" title=\"Select language for screen readers\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/10\/ispring-blog-image-1570603173.jpg\" alt=\"Accessibility settings\" width=\"792\" height=\"445\" \/><\/div>\n<h2 id=\"How-to-create-an-accessible-interaction\">How to create an accessible interaction<\/h2>\n<p>1. Add an interaction to your course by clicking the Interaction button in the iSpring Suite toolbar.<\/p>\n<div class=\"image_wrapper\" style=\"height: 183px\"><img loading=\"lazy\" decoding=\"async\" title=\"How to create an interaction iSpring Suite\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/03\/ispring-blog-image-1583230377.jpg\" alt=\"Adding an interaction\" width=\"792\" height=\"183\" \/><\/div>\n<p>If you want to use an interaction separately, launch the standalone interaction editor (iSpring Visuals). You can do this from the Windows <strong>Start<\/strong> menu.<\/p>\n<div class=\"image_wrapper\" style=\"height: 339px\"><img loading=\"lazy\" decoding=\"async\" title=\"\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/11\/ispring-blog-image-1573638554.png\" alt=\"Launch iSpring Visuals\" width=\"792\" height=\"339\" \/><\/div>\n<p>2. From the list of interactions, select the one you\u2019d like to create and click on <strong>Create Interaction<\/strong>.<\/p>\n<div class=\"image_wrapper\" style=\"height: 480px\"><img loading=\"lazy\" decoding=\"async\" title=\"Choose an interacrtion\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/11\/ispring-blog-image-1573638771.png\" alt=\"Select an interaction type\" width=\"792\" height=\"480\" \/><\/div>\n<p>3. We\u2019ve 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.<\/p>\n<p>Adding alt-texts in interactions is also easy: once you\u2019ve added a picture (via Insert \u2192 Picture), the Alternate text field appears, and you can type a description there.<\/p>\n<div class=\"image_wrapper\" style=\"height: 387px\"><img loading=\"lazy\" decoding=\"async\" title=\"\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/11\/ispring-blog-image-1573640111.png\" alt=\"\" width=\"792\" height=\"387\" \/><\/div>\n<p>4. When your interaction is ready, just click <strong>Publish<\/strong>.<\/p>\n<div class=\"image_wrapper\" style=\"height: 445px\"><img loading=\"lazy\" decoding=\"async\" title=\"Publish accessible interactions\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/11\/ispring-blog-image-1573638860.png\" alt=\"How to create accessible interaction\" width=\"792\" height=\"445\" \/><\/div>\n<p>5. In the Publish window, turn on <strong>Accessibility mode<\/strong>.<\/p>\n<div class=\"image_wrapper\" style=\"height: 578px\"><img loading=\"lazy\" decoding=\"async\" title=\"Accessibility settings for interactions\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/11\/ispring-blog-image-1573638966.png\" alt=\"How to turn on accessibility mode in iSpring Suite\" width=\"792\" height=\"578\" \/><\/div>\n<p>6. Enable <strong>Screen reader mode<\/strong> and specify the language for your interaction. Now, you are all set to hit <strong>Publish<\/strong>.<\/p>\n<div class=\"image_wrapper\" style=\"height: 445px\"><img loading=\"lazy\" decoding=\"async\" title=\"Accessibility settings for an interaction\" src=\"\/blog\/wp-content\/uploads\/editor\/2019\/11\/ispring-blog-image-1573639736.png\" alt=\"Screen reader mode\" width=\"792\" height=\"445\" \/><\/div>\n<h2 id=\"How-to-create-an-accessible-eLearning-flipbook\">How to create an accessible eLearning flipbook<\/h2>\n<p>1. Launch iSpring Flip in iSpring Suite by selecting the Books tab or in standalone mode.<\/p>\n<div class=\"image_wrapper\" style=\"height: 560px\"><img loading=\"lazy\" decoding=\"async\" title=\"The Books tab in iSpring Suite\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/04\/ispring-blog-image-1587632576.png\" alt=\"Go to the Books tab in iSpring Suite\" width=\"792\" height=\"560\" \/><\/div>\n<p>2. Next, browse for a PDF, DOC, or PPT file you want to convert into a book and click on the <strong>Publish<\/strong> button.<\/p>\n<div class=\"image_wrapper\" style=\"height: 544px\"><img loading=\"lazy\" decoding=\"async\" title=\"Book preview in iSpring Flip\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/04\/ispring-blog-image-1587632767.png\" alt=\"Open file in iSpring Flip\" width=\"792\" height=\"544\" \/><\/div>\n<p>3. In the Publish Window, click <strong>Off<\/strong> next to Accessibility to switch it to <strong>On<\/strong>.<\/p>\n<div class=\"image_wrapper\" style=\"height: 578px\"><img loading=\"lazy\" decoding=\"async\" title=\"Enable accessibility\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/04\/ispring-blog-image-1587632887.png\" alt=\"Switch to accessible mode\" width=\"792\" height=\"578\" \/><\/div>\n<p>4. Check <strong>Enable screen reader mode<\/strong> and specify a language.<\/p>\n<div class=\"image_wrapper\" style=\"height: 578px\"><img loading=\"lazy\" decoding=\"async\" title=\"Accessibility Settings\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/04\/ispring-blog-image-1587633186.png\" alt=\"Enable screen reader mode\" width=\"792\" height=\"578\" \/><\/div>\n<p>Accessibility mode is now on \u2013 just click <strong>Publish<\/strong>.<\/p>\n<div class=\"image_wrapper\" style=\"height: 578px\"><img loading=\"lazy\" decoding=\"async\" title=\"\" src=\"\/blog\/wp-content\/uploads\/editor\/2020\/04\/ispring-blog-image-1587633407.png\" alt=\"\" width=\"792\" height=\"578\" \/><\/div>\n<p>Please note that when publishing a book into accessibility mode, you can\u2019t disable text editing and viewing locally in <strong>Additional<\/strong> settings.\u00a0This option is always set to <strong>Copy text, Local view<\/strong>\u00a0(see the screenshot above) because otherwise, screen readers won\u2019t be able to access and voice the text of the ebook.<\/p>\n<p>As we\u2019ve 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.<\/p>\n<p>For now, the accessibility mode is only available on desktop devices.<\/p>\n<p>We\u2019re working on adding new accessible options to iSpring Suite. Stay tuned!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The newest update of iSpring Suite gives eLearning authors a big advantage \u2013 now, they can create accessible content for&hellip; <a class=\"read-more\" href=\"https:\/\/www.ispringsolutions.com\/blog\/section-508-compliant-content-in-ispring-suite\">Read More<\/a><\/p>\n","protected":false},"author":56,"featured_media":17849,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"How to create Section 508 compliant content","_seopress_titles_desc":"Build quizzes and interactions for users with visual impairments in iSpring Suite: Accessibility mode for learners with disabilities.","_seopress_robots_index":"","footnotes":""},"categories":[200],"tags":[136],"class_list":["post-17839","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-updates","tag-ispring-suite"],"acf":[],"views":7312,"_links":{"self":[{"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/17839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=17839"}],"version-history":[{"count":26,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/17839\/revisions"}],"predecessor-version":[{"id":98051,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/17839\/revisions\/98051"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/media\/17849"}],"wp:attachment":[{"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=17839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=17839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ispringsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=17839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}