{"id":408,"date":"2020-08-26T21:00:40","date_gmt":"2020-08-27T04:00:40","guid":{"rendered":"https:\/\/idwerkz.com\/blog\/?p=408"},"modified":"2020-08-26T21:00:58","modified_gmt":"2020-08-27T04:00:58","slug":"accessibility-through-assimilation-bring-it-into-the-lms","status":"publish","type":"post","link":"https:\/\/idwerkz.com\/blog\/accessibility\/accessibility-through-assimilation-bring-it-into-the-lms\/","title":{"rendered":"Accessibility through Assimilation &#8211; Bring it into the LMS"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/emma-matthews-digital-content-production-O_CLjxjzN3M-unsplash-1024x1024.jpg\" alt=\"Slate with the words &quot;You've got this&quot; sitting on top of a laptop with headphones next to a cup of pencils.\" class=\"wp-image-411\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/emma-matthews-digital-content-production-O_CLjxjzN3M-unsplash-1024x1024.jpg 1024w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/emma-matthews-digital-content-production-O_CLjxjzN3M-unsplash-300x300.jpg 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/emma-matthews-digital-content-production-O_CLjxjzN3M-unsplash-150x150.jpg 150w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/emma-matthews-digital-content-production-O_CLjxjzN3M-unsplash-768x768.jpg 768w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/emma-matthews-digital-content-production-O_CLjxjzN3M-unsplash-1536x1536.jpg 1536w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/emma-matthews-digital-content-production-O_CLjxjzN3M-unsplash-2048x2048.jpg 2048w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/emma-matthews-digital-content-production-O_CLjxjzN3M-unsplash-100x100.jpg 100w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Photo by <a href=\"https:\/\/unsplash.com\/@emmamatthews?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Emma Matthews Digital Content Production<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/learning-management-system?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<\/a><\/figcaption><\/figure>\n\n\n\n<p>Sometimes you find a novel or impressive way of communicating information out in the wild west of the World Wide Web. You find some form of content that would be a great addition to your online course \u2013 but you quickly find that it has some critical accessibility failing that makes it unacceptable.<\/p>\n\n\n\n<p>If you\u2019re thinking that you can\u2019t use this otherwise impressive content because of the lack of accessibility, consider another option.<\/p>\n\n\n\n<p>Sometimes you can bring a problem out of the rough and sink it into the nice manicured green of your LMS.<\/p>\n\n\n\n<p>Admittedly, this is not always possible, as some content may require complete re-programming to address the accessibility problems it contains. However, for certain media you can recreate the essential aspects of what is being communicated as an HTML page within your LMS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Essential Accessibility Concepts of WCAG \u2013 POUR<\/h2>\n\n\n\n<p>When considering content that can be improved upon, remember the four guiding principles of WCAG, POUR:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>P<\/strong>erceivable<\/li><li><strong>O<\/strong>perable<\/li><li><strong>U<\/strong>nderstandable<\/li><li><strong>R<\/strong>obust<\/li><\/ul>\n\n\n\n<p>Ultimately, the WCAG nails accessibility down in simple terms that are easy to remember and apply to content you are teaching.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Perceivable<\/h3>\n\n\n\n<p>Perceivable content is styled and represented in a way that allows it to be presented to at least one of the human senses.<\/p>\n\n\n\n<p>No content is invisible to ALL of the senses, there must be a representation of the content that is perceivable by whatever capability a user possesses.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Operable<\/h3>\n\n\n\n<p>The interface menus, links, and functionality must be operable by all users. Keyboard control is one of the easy tests to see if content is operable, but it is just a beginning.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Understandable<\/h3>\n\n\n\n<p>The content and the intended use and operation of the interface must be understandable. As an educator, this should be an easy one to discern and improve upon, if necessary.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Robust<\/h3>\n\n\n\n<p>Content needs to be adequately formatted and designed so there is enough information for a variety of different user agents to make sense of it. Over time, the information should retain the core meaning and capability of being expressed through evolving technologies.<\/p>\n\n\n\n<p>Having thorough text descriptions and formatting content with semantic styles like headings and lists is a great way to make content more robust.<\/p>\n\n\n\n<p>When you find digital media that can be improved upon, follow the WCAG concepts of POUR to enhance the message as much as possible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Essential Interactive Elements<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"805\" height=\"709\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/add_activity.png\" alt=\"Moodle activities and resources you can create in the LMS.\" class=\"wp-image-409\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/add_activity.png 805w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/add_activity-300x264.png 300w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/add_activity-768x676.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Moodle activities and resources you can create in the LMS.<\/figcaption><\/figure>\n\n\n\n<p>Your LMS can be used to create many of the interactive elements used by digital designers. From basic HTML pages to more sophisticated content packages, today\u2019s modern LMS offers the capability to create several types of accessible interactive content.<\/p>\n\n\n\n<p>Consider mapping out just what kind of interactivity is present in the content, and see if you can duplicate it within the LMS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Undescribed and Unlabeled Content<\/h2>\n\n\n\n<p>It is very easy to provide alternate text descriptions for images within your LMS.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"708\" height=\"638\" src=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/image-properties.png\" alt=\"Image Properties from Moodle.\" class=\"wp-image-410\" srcset=\"https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/image-properties.png 708w, https:\/\/idwerkz.com\/blog\/wp-content\/uploads\/2020\/08\/image-properties-300x270.png 300w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><figcaption>Image Properties from Moodle.<\/figcaption><\/figure>\n\n\n\n<p>If the only accessibility issue you find is missing or inappropriate alternate text, then copy and paste the images into your LMS and provide appropriate descriptions for those images.<\/p>\n\n\n\n<p>Remember that form fields require text labels as well.<\/p>\n\n\n\n<p>Inaccessible polls and surveys can be recreated accessibly with the assessment and feedback tools of your LMS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bad Contrast<\/h2>\n\n\n\n<p>If there is bad contrast between text and background, that is another issue that is extremely easy to fix.<\/p>\n\n\n\n<p>Copy and paste the text into your LMS and apply appropriate colors for WCAG-compliant contrast ratios.<\/p>\n\n\n\n<p>Likewise, if the focus indicator has been styled to be invisible or difficult to see via linked CSS, you can copy and paste the content into your LMS. The styling for the focus indicator will be formatted according to your LMS CSS settings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bad Instructions and Layout<\/h2>\n\n\n\n<p>Sometimes good content comes with bad instructions, explanations, or just a confusing or cluttered layout. Redesigning a problematic page for easier readability is a valid activity for accessibility and a great use of the LMS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bonus Lessons<\/h2>\n\n\n\n<p>Another benefit of fixing accessibility issues by redesigning the content within your LMS is the opportunity to demonstrate to your students how to responsibly synthesize information into new forms of media, and how to properly cite sources when using other people\u2019s content.<\/p>\n\n\n\n<p>Reproducing content within the LMS can provide a simple means for addressing basic accessibility concerns, and it can also be a great way to focus user attention and keep students in the LMS.<\/p>\n\n\n\n<p>You&#8217;ve learned not only how to assess content for accessibility, but how to make content better for accessibility and learning. Now when you encounter inaccessible content, it doesn&#8217;t have to be a dead end &#8211; you can create options and improve the situation for everyone.<\/p>\n\n\n\n<p>Thanks for reading!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sometimes you find a novel or impressive way of communicating information out in the wild west of the World Wide Web. You find some form of content that would be a great addition to your online course \u2013 but you quickly find that it has some critical accessibility failing that makes it unacceptable. If you\u2019re &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/idwerkz.com\/blog\/accessibility\/accessibility-through-assimilation-bring-it-into-the-lms\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Accessibility through Assimilation &#8211; Bring it into the LMS&#8221;<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,5],"tags":[9,88,90,89],"class_list":["post-408","post","type-post","status-publish","format-standard","hentry","category-31-days-to-a11y","category-accessibility","tag-a11y","tag-lms","tag-moodle","tag-repair"],"_links":{"self":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts\/408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/comments?post=408"}],"version-history":[{"count":1,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts\/408\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/posts\/408\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/media?parent=408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/categories?post=408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/idwerkz.com\/blog\/wp-json\/wp\/v2\/tags?post=408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}