{"id":2708,"date":"2023-02-13T19:27:13","date_gmt":"2023-02-14T00:27:13","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/?post_type=chapter&#038;p=2708"},"modified":"2025-09-23T12:45:20","modified_gmt":"2025-09-23T16:45:20","slug":"brightspace-accessibility-3","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/brightspace-accessibility-3\/","title":{"raw":"Alternative Text, Closed Captions, Hyperlinks and External Content","rendered":"Alternative Text, Closed Captions, Hyperlinks and External Content"},"content":{"raw":"<strong>On this page:<\/strong>\r\n<ul class=\"navbar\">\r\n \t<li class=\"navitem\"><a href=\"#alt-text\">Alternative Text<\/a><\/li>\r\n \t<li class=\"navitem\"><a href=\"#captions\">Closed Captions<\/a><\/li>\r\n \t<li class=\"navitem\"><a href=\"#links\">Hyperlinks<\/a><\/li>\r\n \t<li class=\"navitem\"><a href=\"#uploads\">Uploaded Content<\/a><\/li>\r\n<\/ul>\r\n<h2><a id=\"alt-text\"><\/a>Alternative Text<\/h2>\r\nAlternative text is a text description of visual information.\r\n\r\nTo add an image, select the\u00a0<strong>Image<\/strong> tool on the Brightspace Editor toolbar.<img class=\"noborder alignnone wp-image-9597 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Images.png\" alt=\"\" width=\"1183\" height=\"83\" \/>\r\n\r\nWhen adding an image, you will be prompted to add alternative text:\r\n\r\n<img class=\"wp-image-1212 size-full alignleft\" style=\"border: 2px solid #555;margin-bottom: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_BtavTQvRdw.png\" alt=\"Brightspace alternative text prompt\" width=\"55%\" \/>Enter a concise description in the <strong>Alternative Text:<\/strong> field. Mark images that do not convey information may be marked as decorative by checking <strong>This image is decorative <\/strong>and [pb_glossary id=\"1303\"]screen reader software[\/pb_glossary] will ignore the image. Note: this method limits alt text to 200 characters.\r\n<div class=\"clearfix\"><\/div>\r\n<div class=\"textbox\">Use images and text to reinforce and support each other. Presenting information in multiple formats is an excellent way to present material. As well, if visual information is presented in text, the image can be marked as decorative.<\/div>\r\n<div class=\"customrow\">\r\n<div class=\"customcolumn\">If you have an existing image without alt text, <strong>right-click<\/strong> on the image and select\u00a0<strong>Image:\r\n<\/strong><img class=\"alignnone size-full wp-image-1679\" style=\"border: 2px solid #555;margin-bottom: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.02.png\" alt=\"Brightspace image menu\" width=\"529\" height=\"625\" \/><\/div>\r\n<div class=\"customcolumn\">Enter alt text in\u00a0<strong>Alternative description\u00a0<\/strong>field and click\u00a0<strong>Save:\r\n<\/strong><img class=\"alignnone wp-image-1680 size-full\" style=\"border: 2px solid #555;margin-bottom: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.18.png\" alt=\"Brightspace insert\/edit image window\" width=\"526\" height=\"388\" \/>\r\nNote: adding alt text using this method does not impose a character limit.<\/div>\r\n<\/div>\r\n<div class=\"clearfix\"><\/div>\r\nThe Accessibility Checker will display \u201c<strong>Images must have alternative text<\/strong>\u201d if alt text is not added. Alt text can also be added from inside the <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/brightspace-accessibility-checker\/\">accessibility report<\/a> panel.\r\n\r\nConsider why each image has been included. Some images may be a useful way to break up blocks of text and reinforce information. However, avoid adding numerous decorative images as this will unnecessarily clutter the content pages.\r\n\r\n<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alternative-text\/\">Read more about alternative text.<\/a>\r\n<h3>Image Titles<\/h3>\r\n<details><summary>Expand to learn about image titles<\/summary>By default, Brightspace will create an image title from the alternative text.[footnote]The authors do not believe this to be best practice and have asked Brightspace to address this unexpected behaviour.[\/footnote] The title appears in a tooltip box when the mouse cursor hovers over an image in Brightspace:\r\n<img class=\"alignnone size-full wp-image-8030\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.27.57.png\" alt=\"\" width=\"60%\" \/>\r\n\r\nTo modify the title of an image, and in turn the tooltip:\r\n<ol>\r\n \t<li>Select the image and open the <strong>Other Insert Options<\/strong> menu on the Brightspace Editor toolbar.\r\n<img class=\"alignnone wp-image-8033 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.23-1-e1718315802166.png\" alt=\"\" width=\"1413\" height=\"1036\" \/><\/li>\r\n \t<li><span style=\"text-align: initial;font-size: 1em\">Select <\/span><strong style=\"text-align: initial;font-size: 1em\">Attributes.\r\n<\/strong><img class=\"alignnone wp-image-8028 size-full\" style=\"text-align: initial;font-size: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.31-e1718315845192.png\" alt=\"\" width=\"1612\" height=\"948\" \/><\/li>\r\n \t<li><img class=\"size-full wp-image-8029 alignleft\" style=\"text-align: initial;font-size: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.59.png\" alt=\"\" width=\"50%\" \/><span style=\"text-align: initial;font-size: 1em\">In the <strong>Attributes<\/strong> window, type a title in the <\/span><strong style=\"text-align: initial;font-size: 1em\">Title<\/strong><span style=\"text-align: initial;font-size: 1em\"> field and click <\/span><strong style=\"text-align: initial;font-size: 1em\">Create.\r\n<\/strong><\/li>\r\n<\/ol>\r\n<div class=\"clearfix\"><\/div>\r\n<\/details>\r\n<h3>Figure Captions<\/h3>\r\nBrightspace supports adding [pb_glossary id=\"9995\"]figure captions[\/pb_glossary] to images. The most straightforward method to add figure captions is to copy from the Images template. For more, consult these instructions on using <a href=\"https:\/\/pressbooks.bccampus.ca\/langaraquickguides\/chapter\/images-in-brightspace\/#template\">image templates in Brightspace<\/a>.\r\n<h2><a id=\"captions\"><\/a>Closed Captions<\/h2>\r\nEmbedded or linked videos must be [pb_glossary id=\"1164\"]close captioned[\/pb_glossary]. Audio recordings should have a transcript attached. Ensure media does not automatically play. Use <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/kaltura-mediaspace-my-media\/\">Kaltura<\/a> instead of Brightspace's built-in video player for easier captioning, sharing, and versioning.\r\n\r\n<details><summary>Captioning uploaded video files (not recommended)<\/summary>For easier captioning, sharing, and versioning consider hosting video files on <a href=\"http:\/\/mediaspace.langara.ca\">Kaltura Mediaspace<\/a>. Should you require assistance captioning a video file, Kaltura Mediaspace is the preferred platform as caption editors will not be able to access video files inside Brightspace.\r\n\r\nHowever, to caption videos uploaded to Brightspace:\r\n<ol>\r\n \t<li>Navigate to the video file and select <strong>Edit Video<\/strong>.<\/li>\r\n \t<li>Scroll down and select <strong>Advanced Editing<\/strong>.\r\n<img class=\"alignnone size-full wp-image-9501\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC1.png\" alt=\"\" width=\"1640\" height=\"1506\" \/><\/li>\r\n \t<li>Move to the <strong>Closed Captions<\/strong> tab and choose <strong>Auto-Generate<\/strong>.\r\n<img class=\"alignnone size-full wp-image-9502\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC2.png\" alt=\"\" width=\"2602\" height=\"1598\" \/><\/li>\r\n \t<li>Once captions are generated, edit for accuracy and select <strong>Finish<\/strong>. Wait for the changes to process and then close the dialog window by selecting the Close this dialog x in the top right. Select <strong>Submit<\/strong> to finalize any changes .<\/li>\r\n<\/ol>\r\n<\/details>For more information, consult the <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/closed-captioning-quick-guide\/\">closed captioning chapters<\/a> earlier in this handbook.\r\n<h2><a id=\"links\"><\/a>Descriptive Hyperlinks<\/h2>\r\nWhen linking to a website, use\u00a0<a href=\"https:\/\/support.microsoft.com\/en-us\/office\/video-create-accessible-links-in-word-28305cc8-3be2-417c-a313-dc22082d1ee0\">meaningful hyperlink text<\/a>. Linked text should be descriptive, concise, unique and visually distinct.\u00a0Do not use bare URLs. To learn more about writing link text, consult the\u00a0<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/accessible-links\/\">accessible links chapter<\/a>\u00a0of this guide.\r\n\r\nUse default styling of blue font and underlined text for links.\r\n\r\nConsider the accessibility of the resource you are linking to. Also, indicate that you are linking to a video, file, or interactive element.\r\n<h3>Adding Hyperlinks in Brightspace<\/h3>\r\n<ol>\r\n \t<li>Highlight your descriptive text.<\/li>\r\n \t<li>Select the link icon (looks like a small chain).<\/li>\r\n \t<li>Or, press\u00a0<strong>Control\u00a0<\/strong>(<strong>Command\u00a0<\/strong>on macOS) and\u00a0<strong>K.<\/strong><\/li>\r\n \t<li>Paste the URL in the dialog that appears.<\/li>\r\n<\/ol>\r\n<img class=\"alignnone size-full wp-image-6050\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-02-04-at-21.42.02.png\" alt=\"\" width=\"1126\" height=\"616\" \/>Additionally, you can insert a link via the format toolbar:\r\n<ol>\r\n \t<li>Choose the <strong>Insert Quicklink<\/strong> button and select <strong>URL<\/strong>.<\/li>\r\n \t<li>Paste the URL in the appropriate field and add your descriptive text in the <strong>Title<\/strong> field.<\/li>\r\n \t<li>Select <strong>Insert.<\/strong><\/li>\r\n<\/ol>\r\nBefore linking to external content, consider the accessibility of the resource. Try to choose the most accessible resource available. The <a href=\"https:\/\/www.washington.edu\/doit\/20-tips-teaching-accessible-online-course\">University of Washington Disabilities, Opportunities, Internetworking, and Technology<\/a> centre suggests avoiding PDFs and providing PDFs only as a secondary source of information.\r\n<h2><a id=\"uploads\"><\/a>Uploaded Content<\/h2>\r\nUploaded documents (Word, PowerPoint, etc.) must be <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/part\/word-accessibility\/\">checked for accessibility<\/a>.","rendered":"<p><strong>On this page:<\/strong><\/p>\n<ul class=\"navbar\">\n<li class=\"navitem\"><a href=\"#alt-text\">Alternative Text<\/a><\/li>\n<li class=\"navitem\"><a href=\"#captions\">Closed Captions<\/a><\/li>\n<li class=\"navitem\"><a href=\"#links\">Hyperlinks<\/a><\/li>\n<li class=\"navitem\"><a href=\"#uploads\">Uploaded Content<\/a><\/li>\n<\/ul>\n<h2><a id=\"alt-text\"><\/a>Alternative Text<\/h2>\n<p>Alternative text is a text description of visual information.<\/p>\n<p>To add an image, select the\u00a0<strong>Image<\/strong> tool on the Brightspace Editor toolbar.<img loading=\"lazy\" decoding=\"async\" class=\"noborder alignnone wp-image-9597 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Images.png\" alt=\"\" width=\"1183\" height=\"83\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Images.png 1183w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Images-300x21.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Images-1024x72.png 1024w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Images-768x54.png 768w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Images-65x5.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Images-225x16.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-Images-350x25.png 350w\" sizes=\"auto, (max-width: 1183px) 100vw, 1183px\" \/><\/p>\n<p>When adding an image, you will be prompted to add alternative text:<\/p>\n<p><img decoding=\"async\" class=\"wp-image-1212 size-full alignleft\" style=\"border: 2px solid #555;margin-bottom: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_BtavTQvRdw.png\" alt=\"Brightspace alternative text prompt\" width=\"55%\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_BtavTQvRdw.png 513w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_BtavTQvRdw-300x249.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_BtavTQvRdw-65x54.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_BtavTQvRdw-225x187.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/chrome_BtavTQvRdw-350x291.png 350w\" sizes=\"(max-width: 513px) 100vw, 513px\" \/>Enter a concise description in the <strong>Alternative Text:<\/strong> field. Mark images that do not convey information may be marked as decorative by checking <strong>This image is decorative <\/strong>and <a class=\"glossary-term\" aria-haspopup=\"dialog\" aria-describedby=\"definition\" href=\"#term_2708_1303\">screen reader software<\/a> will ignore the image. Note: this method limits alt text to 200 characters.<\/p>\n<div class=\"clearfix\"><\/div>\n<div class=\"textbox\">Use images and text to reinforce and support each other. Presenting information in multiple formats is an excellent way to present material. As well, if visual information is presented in text, the image can be marked as decorative.<\/div>\n<div class=\"customrow\">\n<div class=\"customcolumn\">If you have an existing image without alt text, <strong>right-click<\/strong> on the image and select\u00a0<strong>Image:<br \/>\n<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1679\" style=\"border: 2px solid #555;margin-bottom: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.02.png\" alt=\"Brightspace image menu\" width=\"529\" height=\"625\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.02.png 529w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.02-254x300.png 254w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.02-65x77.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.02-225x266.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.02-350x414.png 350w\" sizes=\"auto, (max-width: 529px) 100vw, 529px\" \/><\/div>\n<div class=\"customcolumn\">Enter alt text in\u00a0<strong>Alternative description\u00a0<\/strong>field and click\u00a0<strong>Save:<br \/>\n<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1680 size-full\" style=\"border: 2px solid #555;margin-bottom: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.18.png\" alt=\"Brightspace insert\/edit image window\" width=\"526\" height=\"388\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.18.png 526w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.18-300x221.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.18-65x48.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.18-225x166.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2020\/10\/Screen-Shot-2022-08-22-at-14.44.18-350x258.png 350w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/><br \/>\nNote: adding alt text using this method does not impose a character limit.<\/div>\n<\/div>\n<div class=\"clearfix\"><\/div>\n<p>The Accessibility Checker will display \u201c<strong>Images must have alternative text<\/strong>\u201d if alt text is not added. Alt text can also be added from inside the <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/brightspace-accessibility-checker\/\">accessibility report<\/a> panel.<\/p>\n<p>Consider why each image has been included. Some images may be a useful way to break up blocks of text and reinforce information. However, avoid adding numerous decorative images as this will unnecessarily clutter the content pages.<\/p>\n<p><a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/alternative-text\/\">Read more about alternative text.<\/a><\/p>\n<h3>Image Titles<\/h3>\n<details>\n<summary>Expand to learn about image titles<\/summary>\n<p>By default, Brightspace will create an image title from the alternative text.<a class=\"footnote\" title=\"The authors do not believe this to be best practice and have asked Brightspace to address this unexpected behaviour.\" id=\"return-footnote-2708-1\" href=\"#footnote-2708-1\" aria-label=\"Footnote 1\"><sup class=\"footnote\">[1]<\/sup><\/a> The title appears in a tooltip box when the mouse cursor hovers over an image in Brightspace:<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-8030\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.27.57.png\" alt=\"\" width=\"60%\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.27.57.png 1111w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.27.57-300x220.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.27.57-1024x750.png 1024w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.27.57-768x563.png 768w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.27.57-65x48.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.27.57-225x165.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.27.57-350x256.png 350w\" sizes=\"(max-width: 1111px) 100vw, 1111px\" \/><\/p>\n<p>To modify the title of an image, and in turn the tooltip:<\/p>\n<ol>\n<li>Select the image and open the <strong>Other Insert Options<\/strong> menu on the Brightspace Editor toolbar.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8033 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.23-1-e1718315802166.png\" alt=\"\" width=\"1413\" height=\"1036\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.23-1-e1718315802166.png 1413w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.23-1-e1718315802166-300x220.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.23-1-e1718315802166-1024x751.png 1024w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.23-1-e1718315802166-768x563.png 768w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.23-1-e1718315802166-65x48.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.23-1-e1718315802166-225x165.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.23-1-e1718315802166-350x257.png 350w\" sizes=\"auto, (max-width: 1413px) 100vw, 1413px\" \/><\/li>\n<li><span style=\"text-align: initial;font-size: 1em\">Select <\/span><strong style=\"text-align: initial;font-size: 1em\">Attributes.<br \/>\n<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8028 size-full\" style=\"text-align: initial;font-size: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.31-e1718315845192.png\" alt=\"\" width=\"1612\" height=\"948\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.31-e1718315845192.png 1612w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.31-e1718315845192-300x176.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.31-e1718315845192-1024x602.png 1024w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.31-e1718315845192-768x452.png 768w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.31-e1718315845192-1536x903.png 1536w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.31-e1718315845192-65x38.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.31-e1718315845192-225x132.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.31-e1718315845192-350x206.png 350w\" sizes=\"auto, (max-width: 1612px) 100vw, 1612px\" \/><\/li>\n<li><img decoding=\"async\" class=\"size-full wp-image-8029 alignleft\" style=\"text-align: initial;font-size: 1em\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.59.png\" alt=\"\" width=\"50%\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.59.png 972w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.59-193x300.png 193w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.59-659x1024.png 659w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.59-768x1194.png 768w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.59-65x101.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.59-225x350.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-05-26-at-15.21.59-350x544.png 350w\" sizes=\"(max-width: 972px) 100vw, 972px\" \/><span style=\"text-align: initial;font-size: 1em\">In the <strong>Attributes<\/strong> window, type a title in the <\/span><strong style=\"text-align: initial;font-size: 1em\">Title<\/strong><span style=\"text-align: initial;font-size: 1em\"> field and click <\/span><strong style=\"text-align: initial;font-size: 1em\">Create.<br \/>\n<\/strong><\/li>\n<\/ol>\n<div class=\"clearfix\"><\/div>\n<\/details>\n<h3>Figure Captions<\/h3>\n<p>Brightspace supports adding <a class=\"glossary-term\" aria-haspopup=\"dialog\" aria-describedby=\"definition\" href=\"#term_2708_9995\">figure captions<\/a> to images. The most straightforward method to add figure captions is to copy from the Images template. For more, consult these instructions on using <a href=\"https:\/\/pressbooks.bccampus.ca\/langaraquickguides\/chapter\/images-in-brightspace\/#template\">image templates in Brightspace<\/a>.<\/p>\n<h2><a id=\"captions\"><\/a>Closed Captions<\/h2>\n<p>Embedded or linked videos must be <a class=\"glossary-term\" aria-haspopup=\"dialog\" aria-describedby=\"definition\" href=\"#term_2708_1164\">close captioned<\/a>. Audio recordings should have a transcript attached. Ensure media does not automatically play. Use <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/kaltura-mediaspace-my-media\/\">Kaltura<\/a> instead of Brightspace&#8217;s built-in video player for easier captioning, sharing, and versioning.<\/p>\n<details>\n<summary>Captioning uploaded video files (not recommended)<\/summary>\n<p>For easier captioning, sharing, and versioning consider hosting video files on <a href=\"http:\/\/mediaspace.langara.ca\">Kaltura Mediaspace<\/a>. Should you require assistance captioning a video file, Kaltura Mediaspace is the preferred platform as caption editors will not be able to access video files inside Brightspace.<\/p>\n<p>However, to caption videos uploaded to Brightspace:<\/p>\n<ol>\n<li>Navigate to the video file and select <strong>Edit Video<\/strong>.<\/li>\n<li>Scroll down and select <strong>Advanced Editing<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9501\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC1.png\" alt=\"\" width=\"1640\" height=\"1506\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC1.png 1640w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC1-300x275.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC1-1024x940.png 1024w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC1-768x705.png 768w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC1-1536x1410.png 1536w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC1-65x60.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC1-225x207.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC1-350x321.png 350w\" sizes=\"auto, (max-width: 1640px) 100vw, 1640px\" \/><\/li>\n<li>Move to the <strong>Closed Captions<\/strong> tab and choose <strong>Auto-Generate<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9502\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC2.png\" alt=\"\" width=\"2602\" height=\"1598\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC2.png 2602w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC2-300x184.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC2-1024x629.png 1024w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC2-768x472.png 768w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC2-1536x943.png 1536w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC2-2048x1258.png 2048w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC2-65x40.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC2-225x138.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/BSp-CC2-350x215.png 350w\" sizes=\"auto, (max-width: 2602px) 100vw, 2602px\" \/><\/li>\n<li>Once captions are generated, edit for accuracy and select <strong>Finish<\/strong>. Wait for the changes to process and then close the dialog window by selecting the Close this dialog x in the top right. Select <strong>Submit<\/strong> to finalize any changes .<\/li>\n<\/ol>\n<\/details>\n<p>For more information, consult the <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/closed-captioning-quick-guide\/\">closed captioning chapters<\/a> earlier in this handbook.<\/p>\n<h2><a id=\"links\"><\/a>Descriptive Hyperlinks<\/h2>\n<p>When linking to a website, use\u00a0<a href=\"https:\/\/support.microsoft.com\/en-us\/office\/video-create-accessible-links-in-word-28305cc8-3be2-417c-a313-dc22082d1ee0\">meaningful hyperlink text<\/a>. Linked text should be descriptive, concise, unique and visually distinct.\u00a0Do not use bare URLs. To learn more about writing link text, consult the\u00a0<a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/accessible-links\/\">accessible links chapter<\/a>\u00a0of this guide.<\/p>\n<p>Use default styling of blue font and underlined text for links.<\/p>\n<p>Consider the accessibility of the resource you are linking to. Also, indicate that you are linking to a video, file, or interactive element.<\/p>\n<h3>Adding Hyperlinks in Brightspace<\/h3>\n<ol>\n<li>Highlight your descriptive text.<\/li>\n<li>Select the link icon (looks like a small chain).<\/li>\n<li>Or, press\u00a0<strong>Control\u00a0<\/strong>(<strong>Command\u00a0<\/strong>on macOS) and\u00a0<strong>K.<\/strong><\/li>\n<li>Paste the URL in the dialog that appears.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6050\" src=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-02-04-at-21.42.02.png\" alt=\"\" width=\"1126\" height=\"616\" srcset=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-02-04-at-21.42.02.png 1126w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-02-04-at-21.42.02-300x164.png 300w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-02-04-at-21.42.02-1024x560.png 1024w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-02-04-at-21.42.02-768x420.png 768w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-02-04-at-21.42.02-65x36.png 65w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-02-04-at-21.42.02-225x123.png 225w, https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2023\/02\/Screenshot-2024-02-04-at-21.42.02-350x191.png 350w\" sizes=\"auto, (max-width: 1126px) 100vw, 1126px\" \/>Additionally, you can insert a link via the format toolbar:<\/p>\n<ol>\n<li>Choose the <strong>Insert Quicklink<\/strong> button and select <strong>URL<\/strong>.<\/li>\n<li>Paste the URL in the appropriate field and add your descriptive text in the <strong>Title<\/strong> field.<\/li>\n<li>Select <strong>Insert.<\/strong><\/li>\n<\/ol>\n<p>Before linking to external content, consider the accessibility of the resource. Try to choose the most accessible resource available. The <a href=\"https:\/\/www.washington.edu\/doit\/20-tips-teaching-accessible-online-course\">University of Washington Disabilities, Opportunities, Internetworking, and Technology<\/a> centre suggests avoiding PDFs and providing PDFs only as a secondary source of information.<\/p>\n<h2><a id=\"uploads\"><\/a>Uploaded Content<\/h2>\n<p>Uploaded documents (Word, PowerPoint, etc.) must be <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/part\/word-accessibility\/\">checked for accessibility<\/a>.<\/p>\n<hr class=\"before-footnotes clear\" \/><div class=\"footnotes\"><ol><li id=\"footnote-2708-1\">The authors do not believe this to be best practice and have asked Brightspace to address this unexpected behaviour. <a href=\"#return-footnote-2708-1\" class=\"return-footnote\" aria-label=\"Return to footnote 1\">&crarr;<\/a><\/li><\/ol><\/div><div class=\"glossary\"><span class=\"screen-reader-text\" id=\"definition\">definition<\/span><template id=\"term_2708_1303\"><div class=\"glossary__definition\" role=\"dialog\" data-id=\"term_2708_1303\"><div tabindex=\"-1\"><p>Assistive technology software that reads content aloud and helps blind and low vision users navigate and interact with their computers.<\/p>\n<\/div><button><span aria-hidden=\"true\">&times;<\/span><span class=\"screen-reader-text\">Close definition<\/span><\/button><\/div><\/template><template id=\"term_2708_9995\"><div class=\"glossary__definition\" role=\"dialog\" data-id=\"term_2708_9995\"><div tabindex=\"-1\"><p>An image caption is text that provides supplemental context, explanation, or commentary about an image. Image captions generally appear below the image. Image captions may include comprehensive details as well as supplemental information related to the image, such as citations, photo attribution, cultural context, historical or scientific information about the subject, complex data from charts, etc. Unlike alternative text, figure captions have no length limit. Figure captions are accessible and available to all users, whereas alt text is only available to assistive technology.<\/p>\n<\/div><button><span aria-hidden=\"true\">&times;<\/span><span class=\"screen-reader-text\">Close definition<\/span><\/button><\/div><\/template><template id=\"term_2708_1164\"><div class=\"glossary__definition\" role=\"dialog\" data-id=\"term_2708_1164\"><div tabindex=\"-1\"><p>A text equivalent of audio content in a video, displayed synchronously. Closed captions are toggled on or off by viewers, as opposed to open captions that are burned into the video and always displayed.<\/p>\n<\/div><button><span aria-hidden=\"true\">&times;<\/span><span class=\"screen-reader-text\">Close definition<\/span><\/button><\/div><\/template><\/div>","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-2708","chapter","type-chapter","status-publish","hentry"],"part":2683,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters\/2708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/users\/1655"}],"version-history":[{"count":25,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters\/2708\/revisions"}],"predecessor-version":[{"id":10003,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters\/2708\/revisions\/10003"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/parts\/2683"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapters\/2708\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/media?parent=2708"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/pressbooks\/v2\/chapter-type?post=2708"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/contributor?post=2708"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-json\/wp\/v2\/license?post=2708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}