{"id":850,"date":"2019-11-06T20:27:43","date_gmt":"2019-11-07T02:27:43","guid":{"rendered":"http:\/\/torrencia.org\/MSET\/?page_id=850"},"modified":"2020-08-13T16:05:36","modified_gmt":"2020-08-13T21:05:36","slug":"accessible-images","status":"publish","type":"page","link":"http:\/\/torrencia.org\/MSET\/styles-in-word\/accessible-images\/","title":{"rendered":"Accessible Images"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>When we talked about visual accessibility basics, there were two key points:  using Styles to create semantic document structure, and using alt-text for images. Now that we&#8217;ve covered Styles, it&#8217;s time to tackle alt-text.<\/p>\n\n\n\n<p>After completing this section, you will be able to:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Differentiate between purely decorative still images and still images that convey information in electronic materials.<\/li><li>Apply appropriate alternative text descriptions to still images in electronic materials. <\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Section Tasks:<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Watch the video on meaningful versus decorative images<\/li><li>Watch the video demonstrating Alt-Text in Word<\/li><li>Complete the Alt-Text Exercise<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Meaningful versus Decorative<\/h2>\n\n\n\n<figure class=\"wp-block-embed-screencast aligncenter wp-block-embed is-type-video is-provider-screencast-com wp-embed-aspect-16-9 wp-has-aspect-ratio\"><!-- copy and paste. Modify height and width if desired. -->\n<div class=\"iframe-container\">\n<!-- copy and paste. Modify height and width if desired. -->\n<iframe class=\"embeddedObject shadow resizable\" name=\"embedded_content\" scrolling=\"no\" frameborder=\"0\" type=\"text\/html\" \n        style=\"overflow:hidden;\" src=\"https:\/\/www.screencast.com\/users\/DeannaForsman6327\/folders\/KSP%20687\/media\/44b875a1-c677-4816-9b8c-35a560650597\/embed\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Alt-Text in Word<\/h2>\n\n\n\n<figure class=\"wp-block-embed-screencast aligncenter wp-block-embed is-type-video is-provider-screencast-com wp-embed-aspect-16-9 wp-has-aspect-ratio\"><!-- copy and paste. Modify height and width if desired. -->\n<div class=\"iframe-container\">\n<!-- copy and paste. Modify height and width if desired. -->\n<iframe class=\"embeddedObject shadow resizable\" name=\"embedded_content\" scrolling=\"no\" frameborder=\"0\" type=\"text\/html\" \n        style=\"overflow:hidden;\" src=\"https:\/\/www.screencast.com\/users\/DeannaForsman6327\/folders\/KSP%20687\/media\/2e7922dc-dbc4-445f-a209-d2c60e206fd0\/embed\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Put It Into Practice<\/h2>\n\n\n\n<p>Download the <a href=\"http:\/\/torrencia.org\/MSET\/wp-content\/uploads\/2019\/11\/Alt-Text-Exercise.docx\">Alt-Text Exercise<\/a>. Based on what you have learned about applying Alt-Text to images, Use the Alt-Text feature to develop appropriate alt-text for each of the images.<\/p>\n\n\n\n<div class=\"wp-block-file\"><a href=\"http:\/\/torrencia.org\/MSET\/wp-content\/uploads\/2019\/11\/Alt-Text-Exercise.docx\">Alt-Text Exercise<\/a><a href=\"http:\/\/torrencia.org\/MSET\/wp-content\/uploads\/2019\/11\/Alt-Text-Exercise.docx\" class=\"wp-block-file__button\" download>Download<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Test Yourself<\/h2>\n\n\n\n<p>Compare your Alt-Text with the <a href=\"http:\/\/torrencia.org\/MSET\/wp-content\/uploads\/2019\/11\/Alt-Text-Exercise-Key.docx\">Key<\/a> below.  How do your results compare? Briefly reflect on the value of images (both decorative and meaningful) in electronic communication. Do you think we should use images, either decorative or meaningful, in our communications? Briefly reflect on how appropriate Alt-Text enhances accessibility for both sighted users and users with visual processing issues.<\/p>\n\n\n\n<div class=\"wp-block-file\"><a href=\"http:\/\/torrencia.org\/MSET\/wp-content\/uploads\/2019\/11\/Alt-Text-Exercise-Key.docx\">Alt-Text Exercise\u2014Key<\/a><a href=\"http:\/\/torrencia.org\/MSET\/wp-content\/uploads\/2019\/11\/Alt-Text-Exercise-Key.docx\" class=\"wp-block-file__button\" download>Download<\/a><\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><a href=\"http:\/\/torrencia.org\/MSET\/styles-in-word\/modifying-styles-in-word\/\">&lt;&lt; Previous : Modifying Styles &gt;&gt;<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-right\"><a href=\"http:\/\/torrencia.org\/MSET\/styles-in-word\/final-project\/\">Next: Final Project &gt;&gt;<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Overview When we talked about visual accessibility basics, there were two key points: using Styles to create semantic document structure, and using alt-text for images. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":821,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-850","page","type-page","status-publish","hentry","category-ksp-687"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8th0v-dI","jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/torrencia.org\/MSET\/wp-json\/wp\/v2\/pages\/850","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/torrencia.org\/MSET\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/torrencia.org\/MSET\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/torrencia.org\/MSET\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/torrencia.org\/MSET\/wp-json\/wp\/v2\/comments?post=850"}],"version-history":[{"count":8,"href":"http:\/\/torrencia.org\/MSET\/wp-json\/wp\/v2\/pages\/850\/revisions"}],"predecessor-version":[{"id":959,"href":"http:\/\/torrencia.org\/MSET\/wp-json\/wp\/v2\/pages\/850\/revisions\/959"}],"up":[{"embeddable":true,"href":"http:\/\/torrencia.org\/MSET\/wp-json\/wp\/v2\/pages\/821"}],"wp:attachment":[{"href":"http:\/\/torrencia.org\/MSET\/wp-json\/wp\/v2\/media?parent=850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/torrencia.org\/MSET\/wp-json\/wp\/v2\/categories?post=850"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/torrencia.org\/MSET\/wp-json\/wp\/v2\/tags?post=850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}