{"id":1069,"date":"2024-08-19T17:53:56","date_gmt":"2024-08-19T21:53:56","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/?post_type=chapter&#038;p=1069"},"modified":"2025-05-20T13:11:03","modified_gmt":"2025-05-20T17:11:03","slug":"media-and-illustrations","status":"web-only","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/media-and-illustrations\/","title":{"raw":"Media and Illustrations","rendered":"Media and Illustrations"},"content":{"raw":"<img class=\"noborder wp-image-423 alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Alt-text-logo-2.png\" alt=\"\" width=\"120\" height=\"120\" \/>Word's Accessibility Assistant notes 2 errors under <strong>Media and Illustrations: Missing alt text<\/strong> and <strong>Image or object not inline. <\/strong><strong>Missing alt text <\/strong>notes images that do not have alt text or are not marked as decorative. Alt text is a text description of information presented visually. <strong>Image or object not inline<\/strong> flags images and objects that are set with any text wrapping other than in line with text.\r\n<h2>Who image accessibility affects<\/h2>\r\nVisual information must have a text equivalent to ensure blind and low vision learners have equitable access to learning material. Shapes, images, charts, SmartArt and any visual information must have a text equivalent.\r\n\r\nThe following recording demonstrates screen reader software reading three examples of alt text: one with no description, one with poorly written alt text, and one example of effectively written alt text.\r\n\r\nhttps:\/\/mediaspace.langara.ca\/media\/t\/0_e4ekigwh\r\n<h2><a id=\"fix\"><\/a>How to fix it<\/h2>\r\n<h3>Missing alt text<\/h3>\r\n<ol>\r\n \t<li>Select <strong>Missing alt text<\/strong> in the Accessibility Assistant Window.<\/li>\r\n \t<li>The image will be selected in the document and the\u00a0<strong>Enter image description<\/strong> text box appears.\r\n<img class=\"alignnone size-full wp-image-1271\" style=\"text-align: initial;font-size: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-1.png\" alt=\"\" width=\"400\" height=\"569\" \/><\/li>\r\n \t<li>Or select the image, move to <strong>Picture Format<\/strong> tab and click <strong>Alt Text.<\/strong><\/li>\r\n \t<li>Or right-click the image and select <strong>View Alt Text...\r\n<\/strong><img class=\"alignnone size-full wp-image-1268\" style=\"text-align: initial;font-size: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-2.png\" alt=\"\" width=\"325\" height=\"566\" \/><\/li>\r\n \t<li>Type a brief description that explains the type of graphic, the focus, and relevant details. Learn more about <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alternative-text\/#writing\">how to write alt text.<\/a><\/li>\r\n<\/ol>\r\nAll informative images need alt text. Alt text can be provided in the alt text field (explained above), a figure caption, or adjacent equivalent text. Consult the <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alt-text-quick-guide\/\">Alternative Text Quick Start Guide<\/a> for further guidance. However, any graphic included solely for aesthetic or decorative purposes or are accompanied by equivalent text description\u00a0should be marked as decorative.\r\n<div class=\"textbox textbox--examples\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Automatically generated descriptions<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\n<img class=\" wp-image-1269 alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-3.png\" alt=\"\" width=\"216\" height=\"307\" \/>By default, Word will generate alt text for images when they are added to a document. Word will mark these as <strong>Missing alt text<\/strong> in the Accessibility Assistant panel. When viewing the alt text for a graphic, you can select <strong>Approve<\/strong>, however auto-generated descriptions are generally not sufficiently accurate, informative, or descriptive and must be reviewed and (almost always) improved.\r\n<div class=\"clearfix\"><\/div>\r\n<\/div>\r\n<\/div>\r\nAnything (file name, random characters, or auto-generated descriptions) in the alt text field passes the Check Accessibility tool. Ensure you review all alt text for clarity and accuracy.\r\n<h3>Image or object not inline<\/h3>\r\nObjects, like images, in a Word document must be in line with text. If an image is not in line, adaptive software will not be able to announce to the user where the image is in relation to text in the document. However, decorative images are ignored by screen reader software and can be placed with any kind of text wrapping desired. For informative images, select <strong>Place object in line<\/strong> in the Accessibility Assistant panel.\r\n\r\n<img class=\"alignnone size-full wp-image-1270\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-4.png\" alt=\"\" width=\"400\" height=\"447\" \/>\r\n\r\nOr select the image, move to the <strong>Picture Format<\/strong> tab, open the <strong>Text Wrap<\/strong> menu, and choose <strong>In line with text.<\/strong>\r\n<h2>How to prevent it next time<\/h2>\r\nEnsure your process includes adding alt text each time you add an image. Learn <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alternative-text\/#writing\">how to write alt text.<\/a>\r\n\r\nLearn how to best\u00a0<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/word-accessibility-3\/\">add descriptions, figure captions, or alt text in Word.<\/a>\r\n\r\nRead\u00a0<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alt-text-quick-guide\/\">Alternative Text Quick Start Guide<\/a> and related chapters in the Accessibility Handbook for Teaching and Learning.\r\n\r\nSome AI tools have shown promise in accurately describing images.\u00a0<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/ai-generated-alt-text\/\">Using AI to describe images<\/a>\u00a0may be a useful starting point for writing alt text, descriptive figure captions, or text alternatives of visual information.\r\n<div class=\"textbox textbox--key-takeaways\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Next<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nMove to the next page to make <strong>Tables<\/strong> accessible\u00a0or <a href=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/word-start-here\/#iwantto\"> select the next error you want to fix<\/a>.\r\n\r\n<\/div>\r\n<\/div>","rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"noborder wp-image-423 alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Alt-text-logo-2.png\" alt=\"\" width=\"120\" height=\"120\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Alt-text-logo-2.png 1080w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Alt-text-logo-2-300x300.png 300w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Alt-text-logo-2-1024x1024.png 1024w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Alt-text-logo-2-150x150.png 150w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Alt-text-logo-2-768x768.png 768w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Alt-text-logo-2-65x65.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Alt-text-logo-2-225x225.png 225w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Alt-text-logo-2-350x350.png 350w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/>Word&#8217;s Accessibility Assistant notes 2 errors under <strong>Media and Illustrations: Missing alt text<\/strong> and <strong>Image or object not inline. <\/strong><strong>Missing alt text <\/strong>notes images that do not have alt text or are not marked as decorative. Alt text is a text description of information presented visually. <strong>Image or object not inline<\/strong> flags images and objects that are set with any text wrapping other than in line with text.<\/p>\n<h2>Who image accessibility affects<\/h2>\n<p>Visual information must have a text equivalent to ensure blind and low vision learners have equitable access to learning material. Shapes, images, charts, SmartArt and any visual information must have a text equivalent.<\/p>\n<p>The following recording demonstrates screen reader software reading three examples of alt text: one with no description, one with poorly written alt text, and one example of effectively written alt text.<\/p>\n<p><iframe loading=\"lazy\" id=\"kaltura_player\" title=\"Screen Reader reading alt text examples in PowerPoint\" src=\"https:\/\/api.ca.kaltura.com\/p\/138\/sp\/13800\/embedIframeJs\/uiconf_id\/23449468\/partner_id\/138?iframeembed=true&#38;playerId=kaltura_player&#38;entry_id=0_e4ekigwh&#38;flashvars[streamerType]=auto&#38;flashvars[localizationCode]=en&#38;flashvars[sideBarContainer.plugin]=true&#38;flashvars[sideBarContainer.position]=left&#38;flashvars[sideBarContainer.clickToClose]=true&#38;flashvars[chapters.plugin]=true&#38;flashvars[chapters.layout]=vertical&#38;flashvars[chapters.thumbnailRotator]=false&#38;flashvars[streamSelector.plugin]=true&#38;flashvars[EmbedPlayer.SpinnerTarget]=videoHolder&#38;flashvars[dualScreen.plugin]=true&#38;flashvars[hotspots.plugin]=1&#38;flashvars[Kaltura.addCrossoriginToIframe]=true&#38;wid=0_sqkw2om8\" width=\"400\" height=\"285\" allowfullscreen=\"allowfullscreen\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" frameborder=\"0\"><\/iframe><\/p>\n<h2><a id=\"fix\"><\/a>How to fix it<\/h2>\n<h3>Missing alt text<\/h3>\n<ol>\n<li>Select <strong>Missing alt text<\/strong> in the Accessibility Assistant Window.<\/li>\n<li>The image will be selected in the document and the\u00a0<strong>Enter image description<\/strong> text box appears.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1271\" style=\"text-align: initial;font-size: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-1.png\" alt=\"\" width=\"400\" height=\"569\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-1.png 400w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-1-211x300.png 211w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-1-65x92.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-1-225x320.png 225w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-1-350x498.png 350w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/li>\n<li>Or select the image, move to <strong>Picture Format<\/strong> tab and click <strong>Alt Text.<\/strong><\/li>\n<li>Or right-click the image and select <strong>View Alt Text&#8230;<br \/>\n<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1268\" style=\"text-align: initial;font-size: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-2.png\" alt=\"\" width=\"325\" height=\"566\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-2.png 325w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-2-172x300.png 172w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-2-65x113.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-2-225x392.png 225w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/li>\n<li>Type a brief description that explains the type of graphic, the focus, and relevant details. Learn more about <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alternative-text\/#writing\">how to write alt text.<\/a><\/li>\n<\/ol>\n<p>All informative images need alt text. Alt text can be provided in the alt text field (explained above), a figure caption, or adjacent equivalent text. Consult the <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alt-text-quick-guide\/\">Alternative Text Quick Start Guide<\/a> for further guidance. However, any graphic included solely for aesthetic or decorative purposes or are accompanied by equivalent text description\u00a0should be marked as decorative.<\/p>\n<div class=\"textbox textbox--examples\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Automatically generated descriptions<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1269 alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-3.png\" alt=\"\" width=\"216\" height=\"307\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-3.png 400w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-3-211x300.png 211w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-3-65x92.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-3-225x320.png 225w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-3-350x498.png 350w\" sizes=\"auto, (max-width: 216px) 100vw, 216px\" \/>By default, Word will generate alt text for images when they are added to a document. Word will mark these as <strong>Missing alt text<\/strong> in the Accessibility Assistant panel. When viewing the alt text for a graphic, you can select <strong>Approve<\/strong>, however auto-generated descriptions are generally not sufficiently accurate, informative, or descriptive and must be reviewed and (almost always) improved.<\/p>\n<div class=\"clearfix\"><\/div>\n<\/div>\n<\/div>\n<p>Anything (file name, random characters, or auto-generated descriptions) in the alt text field passes the Check Accessibility tool. Ensure you review all alt text for clarity and accuracy.<\/p>\n<h3>Image or object not inline<\/h3>\n<p>Objects, like images, in a Word document must be in line with text. If an image is not in line, adaptive software will not be able to announce to the user where the image is in relation to text in the document. However, decorative images are ignored by screen reader software and can be placed with any kind of text wrapping desired. For informative images, select <strong>Place object in line<\/strong> in the Accessibility Assistant panel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1270\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-4.png\" alt=\"\" width=\"400\" height=\"447\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-4.png 400w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-4-268x300.png 268w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-4-65x73.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-4-225x251.png 225w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/08\/Word-ImagesAlt-4-350x391.png 350w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Or select the image, move to the <strong>Picture Format<\/strong> tab, open the <strong>Text Wrap<\/strong> menu, and choose <strong>In line with text.<\/strong><\/p>\n<h2>How to prevent it next time<\/h2>\n<p>Ensure your process includes adding alt text each time you add an image. Learn <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alternative-text\/#writing\">how to write alt text.<\/a><\/p>\n<p>Learn how to best\u00a0<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/word-accessibility-3\/\">add descriptions, figure captions, or alt text in Word.<\/a><\/p>\n<p>Read\u00a0<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alt-text-quick-guide\/\">Alternative Text Quick Start Guide<\/a> and related chapters in the Accessibility Handbook for Teaching and Learning.<\/p>\n<p>Some AI tools have shown promise in accurately describing images.\u00a0<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/ai-generated-alt-text\/\">Using AI to describe images<\/a>\u00a0may be a useful starting point for writing alt text, descriptive figure captions, or text alternatives of visual information.<\/p>\n<div class=\"textbox textbox--key-takeaways\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Next<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>Move to the next page to make <strong>Tables<\/strong> accessible\u00a0or <a href=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/word-start-here\/#iwantto\"> select the next error you want to fix<\/a>.<\/p>\n<\/div>\n<\/div>\n","protected":false},"author":1655,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-1069","chapter","type-chapter","status-web-only","hentry"],"part":52,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/1069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/users\/1655"}],"version-history":[{"count":25,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/1069\/revisions"}],"predecessor-version":[{"id":3219,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/1069\/revisions\/3219"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/parts\/52"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/1069\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/media?parent=1069"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapter-type?post=1069"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/contributor?post=1069"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/license?post=1069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}