{"id":2533,"date":"2024-12-03T17:21:30","date_gmt":"2024-12-03T22:21:30","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/?post_type=chapter&#038;p=2533"},"modified":"2025-05-20T13:23:21","modified_gmt":"2025-05-20T17:23:21","slug":"bsp-alt-text","status":"web-only","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/bsp-alt-text\/","title":{"raw":"Alt Text","rendered":"Alt Text"},"content":{"raw":"<img class=\"noborder alignright wp-image-423\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Alt-text-logo-2.png\" alt=\"\" width=\"120\" height=\"120\" \/>The Brightspace Accessibility Checker will note that <strong>Images must be marked as decorative or have an alternative text description.<\/strong> Visual information needs an equivalent text description. Descriptions can be provided by adjacent text, a figure caption, or the alt text field. Adjacent text and figure captions are accessible to assistive technology and provide context, purpose and meaning of visual content to all users. Alt text relays information via code that is read by screen reader software to aid users to understand visual information. Decorative images are graphics that are included solely for aesthetic purposes or are accompanied by equivalent text description.\r\n<h2>Who alternative text 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, 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>How to fix it<\/h2>\r\n<img class=\"wp-image-2619 alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_Alt.png\" alt=\"\" width=\"414\" height=\"325\" \/>\r\n\r\nAll visual information needs alt text. Alt text can be provided in the alternative text field, a figure caption, or adjacent equivalent text. To add alt text via the Accessibility Checker, type a brief description in the alternative text field and select <strong>Repair.\u00a0<\/strong>\r\n\r\nHowever, graphics included for decorative purposes only or are accompanied by an equivalent text description (such as a figure caption or nearby paragraph describing the information) should be marked as decorative. In such instances, check the <strong>Image is decorative<\/strong> box and select\u00a0<strong>Repair.<\/strong>\r\n\r\nConsult the <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alt-text-quick-guide\/\">Alternative Text Quick Start Guide<\/a> for further guidance.\r\n<h2>How to prevent it next time<\/h2>\r\nWhen adding an image, Brightspace will automatically prompt for a description or for the image to marked as decorative.\r\n<img class=\"wp-image-2744 alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-AddImage.png\" alt=\"\" width=\"414\" height=\"334\" \/>\r\n\r\nFor visual information, type a brief description in the\u00a0<strong>Alternative Text<\/strong> field. If the image is decorative or accompanied by equivalent text in an adjacent paragraph or figure caption, check <strong>This image is decorative<\/strong>.\r\n\r\nEnsure your workflow 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<div class=\"clearfix\"><\/div>\r\n<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/ai-generated-alt-text\/\">Using AI to describe images<\/a> may be a useful starting point for writing alt text, descriptive figure captions, or text alternatives of visual information. Always review machine-generated content for usefulness and accuracy.\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 examine <strong>Accessible Headings<\/strong> or <a href=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/brightspace-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 alignright wp-image-423\" 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\" \/>The Brightspace Accessibility Checker will note that <strong>Images must be marked as decorative or have an alternative text description.<\/strong> Visual information needs an equivalent text description. Descriptions can be provided by adjacent text, a figure caption, or the alt text field. Adjacent text and figure captions are accessible to assistive technology and provide context, purpose and meaning of visual content to all users. Alt text relays information via code that is read by screen reader software to aid users to understand visual information. Decorative images are graphics that are included solely for aesthetic purposes or are accompanied by equivalent text description.<\/p>\n<h2>Who alternative text 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, 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_9i0xfu0i\" 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>How to fix it<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2619 alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_Alt.png\" alt=\"\" width=\"414\" height=\"325\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_Alt.png 1203w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_Alt-300x235.png 300w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_Alt-1024x803.png 1024w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_Alt-768x602.png 768w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_Alt-65x51.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_Alt-225x176.png 225w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_Alt-350x274.png 350w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/p>\n<p>All visual information needs alt text. Alt text can be provided in the alternative text field, a figure caption, or adjacent equivalent text. To add alt text via the Accessibility Checker, type a brief description in the alternative text field and select <strong>Repair.\u00a0<\/strong><\/p>\n<p>However, graphics included for decorative purposes only or are accompanied by an equivalent text description (such as a figure caption or nearby paragraph describing the information) should be marked as decorative. In such instances, check the <strong>Image is decorative<\/strong> box and select\u00a0<strong>Repair.<\/strong><\/p>\n<p>Consult the <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alt-text-quick-guide\/\">Alternative Text Quick Start Guide<\/a> for further guidance.<\/p>\n<h2>How to prevent it next time<\/h2>\n<p>When adding an image, Brightspace will automatically prompt for a description or for the image to marked as decorative.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2744 alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-AddImage.png\" alt=\"\" width=\"414\" height=\"334\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-AddImage.png 769w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-AddImage-300x242.png 300w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-AddImage-65x52.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-AddImage-225x181.png 225w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-AddImage-350x282.png 350w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/p>\n<p>For visual information, type a brief description in the\u00a0<strong>Alternative Text<\/strong> field. If the image is decorative or accompanied by equivalent text in an adjacent paragraph or figure caption, check <strong>This image is decorative<\/strong>.<\/p>\n<p>Ensure your workflow 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<div class=\"clearfix\"><\/div>\n<p><a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/ai-generated-alt-text\/\">Using AI to describe images<\/a> may be a useful starting point for writing alt text, descriptive figure captions, or text alternatives of visual information. Always review machine-generated content for usefulness and accuracy.<\/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 examine <strong>Accessible Headings<\/strong> or <a href=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/brightspace-start-here\/#iwantto\"> select the next error you want to fix<\/a>.<\/p>\n<\/div>\n<\/div>\n","protected":false},"author":1655,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-2533","chapter","type-chapter","status-web-only","hentry"],"part":1477,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/2533","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\/2533\/revisions"}],"predecessor-version":[{"id":3240,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/2533\/revisions\/3240"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/parts\/1477"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/2533\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/media?parent=2533"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapter-type?post=2533"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/contributor?post=2533"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/license?post=2533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}