{"id":434,"date":"2011-08-01T18:10:39","date_gmt":"2011-08-02T02:10:39","guid":{"rendered":"https:\/\/blogs.ubc.ca\/dbang\/?p=434"},"modified":"2011-08-01T18:10:39","modified_gmt":"2011-08-02T02:10:39","slug":"e-learning-toolkit-all-about-accessibility","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/dbang\/2011\/08\/01\/e-learning-toolkit-all-about-accessibility\/","title":{"rendered":"E-learning toolkit: All about Accessibility"},"content":{"rendered":"<p><a href=\"https:\/\/blogs.ubc.ca\/dbang\/files\/2011\/08\/accessibility.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-437\" title=\"accessibility\" src=\"https:\/\/blogs.ubc.ca\/dbang\/files\/2011\/08\/accessibility-300x145.jpg\" alt=\"\" width=\"300\" height=\"145\" srcset=\"https:\/\/blogs.ubc.ca\/dbang\/files\/2011\/08\/accessibility-300x145.jpg 300w, https:\/\/blogs.ubc.ca\/dbang\/files\/2011\/08\/accessibility-1024x495.jpg 1024w, https:\/\/blogs.ubc.ca\/dbang\/files\/2011\/08\/accessibility.jpg 1184w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nAfter carefully examining my Moodle LMS site and cross-referencing it with the <a href=\"http:\/\/www.w3.org\/WAI\/quicktips\/Overview.php\">Quick Tips<\/a> guide on the Website Accessibility Initiative (WAI), I then checked my LMS site using the Markup Validation Service at: <a href=\"http:\/\/validator.w3.org\/\">http:\/\/validator.w3.org\/<\/a>.  I was pleased to see that the following message appeared: &#8220;This document was successfully checked as XHTML 1.0 Strict! Result: Passed.&#8221; I also noticed that I could put a &#8220;valid&#8221; icon on my LMS site to show users that I have developed an interoperable Web page. The next step for me now is to add the associated HTML for the &#8220;valid&#8221; icon on my LMS page. \ud83d\ude42<\/p>\n<p>Overall, I found this to be a useful exercise and consulting the top 10 list from the <a href=\"http:\/\/www.w3.org\/WAI\/quicktips\/Overview.php\">W3C site<\/a> helped provide guidance about the key principles of accessible website design. I&#8217;ve included the list below as a reminder:<\/p>\n<p><strong>10 Quick Tips<\/strong><br \/>\n1. Images &#038; animations: Use the alt attribute to describe the function of each visual.<br \/>\n2. Image maps. Use the client-side map and text for hotspots.<br \/>\n3. Multimedia. Provide captioning and transcripts of audio, and descriptions of video.<br \/>\n4. Hypertext links. Use text that makes sense when read out of context. For example, avoid &#8220;click here.&#8221;<br \/>\n5. Page organization. Use headings, lists, and consistent structure. Use CSS for layout and style where possible.<br \/>\n6. Graphs &#038; charts. Summarize or use the longdesc attribute.<br \/>\n7. Scripts, applets, &#038; plug-ins. Provide alternative content in case active features are inaccessible or unsupported.<br \/>\n8. Frames. Use the noframes element and meaningful titles.<br \/>\n9. Tables. Make line-by-line reading sensible. Summarize.<br \/>\n10. Check your work.Validate. Use tools, checklist, and guidelines at<br \/>\n<a href=\"http:\/\/www.w3.org\/TR\/WCAG\">http:\/\/www.w3.org\/TR\/WCAG<\/a><\/p>\n<p>\u00a9 W3C (MIT, INRIA, Keio) 2001\/01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>After carefully examining my Moodle LMS site and cross-referencing it with the Quick Tips guide on the Website Accessibility Initiative (WAI), I then checked my LMS site using the Markup Validation Service at: http:\/\/validator.w3.org\/. I was pleased to see that the following message appeared: &#8220;This document was successfully checked as XHTML 1.0 Strict! Result: Passed.&#8221; [&hellip;]<\/p>\n","protected":false},"author":7256,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1335,3865,2589],"tags":[1335,3865,2589],"class_list":["post-434","post","type-post","status-publish","format-standard","hentry","category-accessibility","category-e-learning-toolkit","category-web-design","tag-accessibility","tag-e-learning-toolkit","tag-web-design"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/dbang\/wp-json\/wp\/v2\/posts\/434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/dbang\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/dbang\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/dbang\/wp-json\/wp\/v2\/users\/7256"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/dbang\/wp-json\/wp\/v2\/comments?post=434"}],"version-history":[{"count":7,"href":"https:\/\/blogs.ubc.ca\/dbang\/wp-json\/wp\/v2\/posts\/434\/revisions"}],"predecessor-version":[{"id":442,"href":"https:\/\/blogs.ubc.ca\/dbang\/wp-json\/wp\/v2\/posts\/434\/revisions\/442"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/dbang\/wp-json\/wp\/v2\/media?parent=434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/dbang\/wp-json\/wp\/v2\/categories?post=434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/dbang\/wp-json\/wp\/v2\/tags?post=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}