{"id":1335,"date":"2022-08-15T16:49:04","date_gmt":"2022-08-15T16:49:04","guid":{"rendered":"http:\/\/360elearning.com\/blog\/?p=1335"},"modified":"2022-08-15T17:08:52","modified_gmt":"2022-08-15T17:08:52","slug":"how-to-create-508-compliant-accessible-elearning-in-lectora","status":"publish","type":"post","link":"https:\/\/360elearning.com\/blog\/how-to-create-508-compliant-accessible-elearning-in-lectora\/","title":{"rendered":"How to Create 508 Compliant Accessible eLearning in Lectora"},"content":{"rendered":"<p>Designing for accessibility is a law for all federal and state agencies and must meet section 508 requirements. To make sure that your Digital Content is accessible and usable for differently-abled people. If you are told that your course needs to be 508 compliant means it should be accessible to differently-abled people.<br \/>\nDifferently-abled people have Visual, Auditory, Motor, and Cognitive impairments. These people often use technology such as screen readers which interpret what is shown on the screen. The most commonly used screen readers are JAWS and Microsoft Narrator.<\/p>\n<h4>Section 508 Requirements:<\/h4>\n<p>There are 16 standards that an online course or site must meet to comply with section 508. We\u2019ll see some of the most critical ones.<\/p>\n<ul>\n<li>Users must be able to navigate the course using a keyboard instead of a mouse.<\/li>\n<li>All items must be readable by a screen reader for visually impaired users.<\/li>\n<li>There should be closed captioning or transcripts for audio or video.<\/li>\n<li>Individuals with disabilities must be able to complete and submit the form using assistive technologies such as screen readers and a keyboard.<\/li>\n<\/ul>\n<h4>Creating Accessible Course in Lectora:<\/h4>\n<p>Creating an accessible course in Lectora is now easier than ever. There are many built-in options and tool available that makes the process easier and faster. Let us see some of the important steps to keep in mind when making a course accessible.<\/p>\n<h4>1) Web Accessibility Settings are turned on:<\/h4>\n<p>When you start working on your design content, always remember to turn on the <strong>Use Web Accessibility Settings<\/strong> option within your Title Options on the Design Ribbon. When you select this option, Lectora will automatically enable certain features in the application that will assist you with meeting Section 508 standards and <strong>Web Content Accessibility Guidelines 2.0 Level AA<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1337\" src=\"http:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_12-259x300.png\" alt=\"Web Accessibility Settings Lectora\" width=\"259\" height=\"300\" srcset=\"https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_12-259x300.png 259w, https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_12.png 292w\" sizes=\"auto, (max-width: 259px) 100vw, 259px\" \/><\/p>\n<h4>2) Correct Layering Order:<\/h4>\n<p>The title explorer controls the layering of objects on a page and also the reading that screen readers use to identify objects. An object in Lectora title explorer is actually at the bottom-most layer of the page, that object would be identified first.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1338\" src=\"http:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_13.png\" alt=\"Correct Layering Order in Lectora\" width=\"231\" height=\"235\" \/><\/p>\n<h4>3) ALT Tags:<\/h4>\n<p>Accessibility guidelines require that for every non-text element, you have to provide ALT tags for images, buttons, and multimedia<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1339\" src=\"http:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_14-300x147.png\" alt=\"Image of apple with alt tag\" width=\"300\" height=\"147\" srcset=\"https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_14-300x147.png 300w, https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_14.png 307w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h4>4) Empty ALT Tags:<\/h4>\n<p>Any kind of image that has no informational value or is just used for decoration, should have empty ALT tags. You can turn the ALT tag off by going into the object&#8217;s properties and checking the Empty ALT tag option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1340\" src=\"http:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_15-300x44.png\" alt=\"Lectora settings to uncheck alt text\" width=\"300\" height=\"44\" srcset=\"https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_15-300x44.png 300w, https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_15.png 616w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h4>4) Closed-Captions and Transcripts:<\/h4>\n<p>Lectora enables you to add closed captioning to video and audio files with your title. To add closed captioning:<\/p>\n<ul>\n<li>Select Add Captions button on the video or audio properties ribbon.<\/li>\n<li>You can import an existing XML, SRT or .VTT file to get started<\/li>\n<li>The existing uploaded file can be modified with the correct details for your media.<\/li>\n<li>Save and import the modified file to use with the video or audio.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1341\" src=\"http:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_16.png\" alt=\"Closed Captions Lectora settings\" width=\"232\" height=\"268\" \/><\/p>\n<h4>5) Lectora\u2019s Accessibility Check Tool:<\/h4>\n<p>Lectora\u2019s accessibility check tool can be used to help identify objects within your title that require special attention in order to meet 508 requirements or Web content accessibility guidelines. Always remember that this tool should not be used as a final indicator of whether or not your title is 508 or WCAG compliant. Always perform manual testing because with manual testing you will be much more precise when looking for issues.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1342\" src=\"http:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_17-300x46.png\" alt=\"Lectora\u2019s Accessibility Check Tool settings\" width=\"300\" height=\"46\" srcset=\"https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_17-300x46.png 300w, https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_17.png 615w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h3>Testing Tools:<\/h3>\n<p>There are some testing tools available that can assist you in tracking the results according to Section 508.<\/p>\n<h4>1) ACRT (Accessibility Conformance Reporting Tool):<\/h4>\n<p>ACRT is an open-source tool developed by the U.S. Department of Homeland Security to track testing results from the Section 508 Conformance Test process.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1343\" src=\"http:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_18-300x171.png\" alt=\"Webpage of ACRT (Accessibility Conformance Reporting Tool)\" width=\"300\" height=\"171\" srcset=\"https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_18-300x171.png 300w, https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_18.png 617w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h4>2) WAVE Evaluation Tool:<\/h4>\n<p>WAVE is a web accessibility evaluation tool and an extension that can be installed on your web browser that provides visual feedback about the accessibility of your web content by injecting icons and indicators into your page. WAVE facilitates human evaluation and educates about accessibility issues.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1344\" src=\"http:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_20-300x130.png\" alt=\"WAVE Evaluation Tool\" width=\"300\" height=\"130\" srcset=\"https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_20-300x130.png 300w, https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_20-768x334.png 768w, https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_20-1024x445.png 1024w, https:\/\/360elearning.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_20.png 1042w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Designing for accessibility is a law for all federal and state agencies and must meet section 508 requirements. To make sure that your Digital Content is accessible and usable for&#8230;<\/p>\n<p><a class='more-link' href='https:\/\/360elearning.com\/blog\/how-to-create-508-compliant-accessible-elearning-in-lectora\/'>Read More <span class='screen-reader-text'>How to Create 508 Compliant Accessible eLearning in Lectora<\/span><\/a><\/p>","protected":false},"author":6,"featured_media":1348,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[4,108],"tags":[],"class_list":["post-1335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elearning-tips","category-elearning-trends","excerpt"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/posts\/1335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/comments?post=1335"}],"version-history":[{"count":1,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/posts\/1335\/revisions"}],"predecessor-version":[{"id":1345,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/posts\/1335\/revisions\/1345"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/media\/1348"}],"wp:attachment":[{"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/media?parent=1335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/categories?post=1335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/360elearning.com\/blog\/wp-json\/wp\/v2\/tags?post=1335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}