{"id":3004,"date":"2021-03-29T16:33:39","date_gmt":"2021-03-29T20:33:39","guid":{"rendered":"https:\/\/carleton.ca\/brightspace\/instructors\/?page_id=3004"},"modified":"2025-08-25T13:30:34","modified_gmt":"2025-08-25T17:30:34","slug":"accessibility-in-brightspace-2","status":"publish","type":"page","link":"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/","title":{"rendered":"Accessibility in Brightspace"},"content":{"rendered":"<h2><span data-contrast=\"auto\">Accessibility is a Key Value and Strategic Goal at Carleton<\/span><\/h2>\n<p><span data-contrast=\"auto\">Faculty and instructors have a critical role to play in creating equitable access to education for learners of all abilities. D2L Brightspace has tools to assist <\/span><span data-contrast=\"auto\">the design of<\/span><span data-contrast=\"auto\">\u00a0<\/span><span data-contrast=\"auto\">courses to ensure <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">WCAG<\/a>\/<a href=\"https:\/\/www.ontario.ca\/page\/accessibility-in-ontario\">AODA<\/a><\/span><span data-contrast=\"auto\"> standards are met on content pages created within Brightspace courses.<\/span><\/p>\n<p>Accessibility also means thoughtful course design<span data-contrast=\"auto\">, such as effective organization of co<\/span><span data-contrast=\"auto\">ntent materials, chunking information into meaningful topics, creating accessible documents, adding alt text to images, and using <a href=\"https:\/\/udlguidelines.cast.org\/?utm_source=castsite&amp;lutm_medium=web&amp;utm_campaign=none&amp;utm_content=aboutudl\">Universal Design for Learning (UDL) principles.<\/a><\/span><\/p>\n<p><span data-contrast=\"auto\">This help page outlines some of the feat<\/span><span data-contrast=\"auto\">ures present in Brights<\/span><span data-contrast=\"auto\">pace which\u00a0<\/span><span data-contrast=\"auto\">will help you<\/span><span data-contrast=\"auto\"> create a more accessible and inclusive course experience for all learners.<\/span><\/p>\n<h2><span class=\"TextRun SCXW41238524 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW41238524 BCX0\" data-ccp-parastyle=\"heading 3\">Configuring User Preferences for Accessibility<\/span><\/span><\/h2>\n<p><span data-contrast=\"auto\">Each user in Brightspace can customize their particular experience in Brightspace. The user experience can be customized to meet the needs of a range of users with the ability to set the interface language, to choose the default font size, and to customize the interface for use with assistive technologies.<\/span><\/p>\n<h3>To Access User Preferences<\/h3>\n<ol>\n<li><span data-contrast=\"auto\">Log into\u202f<\/span><a href=\"http:\/\/carleton.brightspace.com\/\"><span data-contrast=\"none\">Brightspace<\/span><\/a><span data-contrast=\"auto\">\u202fwith your\u202f<\/span><i><span data-contrast=\"auto\">MyCarletonOne<\/span><\/i><span data-contrast=\"auto\">\u202fcredentials.<\/span><span data-contrast=\"auto\">\u202f<\/span><\/li>\n<li><span data-contrast=\"auto\">Select your name in the right-top corner of the screen.<\/span><\/li>\n<li>Select <strong>Account Settings.<\/strong><\/li>\n<li>Review the settings, and select the options that best fit your needs.<\/li>\n<li>When you are done, select <b><span data-contrast=\"auto\">Save and Close<\/span><\/b><span data-contrast=\"auto\">.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:true,&quot;134233118&quot;:true}\"> User preferences will be enabled.<\/span><\/li>\n<\/ol>\n<h2><span class=\"TextRun SCXW259016741 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW259016741 BCX0\" data-ccp-parastyle=\"heading 3\">System Check<\/span><\/span><span class=\"EOP SCXW259016741 BCX0\" data-ccp-props=\"{&quot;335559738&quot;:120,&quot;335559739&quot;:120}\"> for Compatibility<\/span><\/h2>\n<p><span data-contrast=\"auto\">System Check scans and reports back on the browser&#8217;s compatibility with Brightspace. The system check reviews the browser&#8217;s version, settings, and configuration to confirm whether it will support all functionality of Brightspace.\u00a0<\/span><\/p>\n<div style=\"width: 100%; height: 100%; background-color: #f5f5f5; border: 1px; border-style: solid; border-color: #dcdcdd; padding: 12px 12px 1px;\">\n<p><strong>NOTE: <\/strong>Third party tools are not part of the system check. Tools that plugin to Brightspace, such as Zoom, H5P, ARES, and Kaltura are not checked by the System Check.<\/p>\n<\/div>\n<p><\/p>\n<h3>To Access the System Check Report<\/h3>\n<ol>\n<li><span data-contrast=\"auto\">Log into\u202f<\/span><a href=\"http:\/\/carleton.brightspace.com\/\"><span data-contrast=\"none\">Brightspace<\/span><\/a><span data-contrast=\"auto\">\u202fwith your\u202f<\/span><i><span data-contrast=\"auto\">MyCarletonOne<\/span><\/i><span data-contrast=\"auto\">\u202fcredentials.<\/span><\/li>\n<li>In the navbar, select <strong>Help<\/strong> to open the drop-down menu then select <strong>System Check.\u00a0<\/strong>Your browser will be reviewed and a report will show your browser&#8217;s compatibility. If the <span data-contrast=\"auto\">System Check reports failures, try updating your browser or switching to a different browser to see if the problem resolves.<\/span> If the problem persists, contact ITS by email: <a href=\"&#x6d;&#97;i&#x6c;&#116;o&#x3a;&#x69;&#116;&#x73;&#x2e;&#115;e&#x72;&#118;i&#x63;&#x65;&#46;&#x64;&#x65;&#115;k&#x40;&#99;a&#x72;&#x6c;&#101;&#x74;&#x6f;&#110;&#46;&#x63;&#97;\"><span data-contrast=\"auto\">it&#115;&#46;&#x73;&#x65;&#x72;&#x76;ic&#101;&#46;&#x64;&#x65;&#x73;&#x6b;&#64;c&#97;&#114;&#108;&#x65;&#x74;&#x6f;&#x6e;&#46;c&#97;<\/span><\/a><span data-contrast=\"none\">\u202f\u202for by<\/span><span data-contrast=\"none\">\u00a0phone<\/span><span data-contrast=\"none\">\u202f613-520-3700<\/span><span data-contrast=\"none\">.<br \/>\n<\/span><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8359\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Navbar-with-Help-Callout.png\" alt=\"Screenshot of Brightspace navbar with red callout around Help\" width=\"924\" height=\"144\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Navbar-with-Help-Callout.png 924w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Navbar-with-Help-Callout-240x37.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Navbar-with-Help-Callout-400x62.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Navbar-with-Help-Callout-160x25.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Navbar-with-Help-Callout-768x120.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Navbar-with-Help-Callout-360x56.png 360w\" sizes=\"(max-width: 924px) 100vw, 924px\" \/><\/li>\n<\/ol>\n<h2><span class=\"TextRun SCXW30373578 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW30373578 BCX0\" data-ccp-parastyle=\"heading 3\">Accessibility in the HTML Editor<\/span><\/span><\/h2>\n<p>The HTML editor appears in multiple tools and content areas within a Brightspace course. The HTML editor, with its associated tools, allows for customized content pages, such as Brightspace pages with specific heading levels, customized font sizes, added images, attached files, and hyperlinks.<\/p>\n<p><span data-contrast=\"auto\">Content in Brightspace can be made more accessible by using the<\/span><span data-contrast=\"auto\"> built in features within the HTML editor discussed below.\u00a0 <\/span><span data-contrast=\"auto\">The HTML text editor is present in the following areas of Brightspace courses: Announcements, Course Details, Add a description, Create a File, and tool windows (i.e. Quizzes, Assignments, Discussions, etc.).<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><strong>Ensuring accessibility of your content pages in Brightspace includes:<\/strong><\/p>\n<ul>\n<li><strong>Adding heading levels &#8212; <\/strong>heading levels help the learners understand the document&#8217;s structure and how ideas fit within the logical flow of the content. Heading levels are also critical for readers who use assistive devices to help navigate and make sense of the content.<\/li>\n<li><strong>Checking colour accessibility with Colour Selector&#8211;<\/strong> learners need to be able to read the course content to understand it. Checking colour accessibility means ensuring that the foreground font colours and the background page colour are of high enough contrast to be read easily by all learners.<\/li>\n<li><strong>Checking accessibility and spelling &#8212;<\/strong> As you setup your page, check that the page contains no accessibility errors.\u00a0 The Check Accessibility functional allows content developers to scan their pages for accessibility issues that need to be resolved.\u00a0 Some examples of accessibility errors are missing alt text for images, low colour contrast, and missing heading levels. Spelling errors and typos can confuse your readers and interfere with their ability to understand your message. Use the Check Spelling feature in Brightspace to scan your text for errors.<\/li>\n<li><strong>Adding alternative text to images\/pictures&#8211;<\/strong> Images should have alternative text to identify their purpose and meaning to make visual content available to all learners in the course.<\/li>\n<\/ul>\n<h3>Adding Heading Levels in the HTML Editor<\/h3>\n<p><span class=\"TextRun SCXW152668432 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152668432 BCX0\">Heading levels help organize your document in a hierarchical structure so that students can understand the logical relationship of information. Heading levels allow for skim reading and important meaning making, as headings often indicate the most important ideas. Within a content page, the title of the document <\/span><\/span><span class=\"TextRun SCXW152668432 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152668432 BCX0\">should be Heading Level 1 (<\/span><\/span><span class=\"TextRun SCXW152668432 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152668432 BCX0\">H1<\/span><\/span><span class=\"TextRun SCXW152668432 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152668432 BCX0\">)<\/span><\/span><span class=\"TextRun SCXW152668432 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152668432 BCX0\">, and\u00a0<\/span><\/span><span class=\"TextRun SCXW152668432 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152668432 BCX0\">the\u00a0<\/span><\/span><span class=\"TextRun SCXW152668432 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152668432 BCX0\">sub-sequent sub-titles\u00a0<\/span><\/span><span class=\"TextRun SCXW152668432 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152668432 BCX0\">should\u00a0<\/span><\/span><span class=\"TextRun SCXW152668432 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152668432 BCX0\">follow logically heading level 2, 3, 4, (H2, H3, H4, etc.). All parts of a document should have assigned heading tags so that it can be read properly by a screen reader.<\/span><\/span><\/p>\n<p><span class=\"TextRun SCXW152668432 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152668432 BCX0\"><span data-contrast=\"auto\">The HTML text editor allows instructors to set heading tags to content pages in a course. The text editor is present in the following areas of Brightspace courses: Announcements, Course Details, Add a description, Create a File, and tool windows (i.e. Quizzes, Assignments, Discussions, etc.).<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/span><\/span><\/p>\n<h4>To Add a Heading Level to Content in the HTML Editor<\/h4>\n<ol>\n<li data-leveltext=\"%1.\" data-font=\"Calibri, Calibri_MSFontService, sans-serif\" data-listid=\"4\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\">Go to the HTML editing widow for the text area you want to edit or add in your course.<\/li>\n<li data-leveltext=\"%1.\" data-font=\"Calibri, Calibri_MSFontService, sans-serif\" data-listid=\"4\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\">From the HTML editor, select the<strong> downward arrow (Format)<\/strong> to open the drop-down menu (See the screen shot below for a visual of this area) and select appropriate heading level for your content.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5569\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/paragraph2-1.png\" alt=\"Screenshot of HTML editor with red callout around the format drop-down menu.\" width=\"763\" height=\"258\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/paragraph2-1.png 940w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/paragraph2-1-240x81.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/paragraph2-1-400x135.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/paragraph2-1-160x54.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/paragraph2-1-768x260.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/paragraph2-1-360x122.png 360w\" sizes=\"(max-width: 763px) 100vw, 763px\" \/><\/p>\n<div style=\"width: 100%; height: 100%; background-color: #edf7fc; border: 1px; border-style: solid; border-color: #b3c3d1; padding: 12px 12px 1px;\">\n<p><strong>TIP:<\/strong> For a document title, choose H1; for a subheading use H2, H3, or H4 depending on the logical flow of the document; for body text use Paragraph. If you have any questions about document accessibility, please feel free to create a support request using the\u00a0<a tabindex=\"-1\" title=\"https:\/\/itsjira.carleton.ca\/servicedesk\/customer\/portal\/15\" href=\"https:\/\/itsjira.carleton.ca\/servicedesk\/customer\/portal\/15\" target=\"_blank\" rel=\"noreferrer noopener\">TLS Support Portal<\/a>.<\/p>\n<\/div>\n<\/li>\n<li data-leveltext=\"%1.\" data-font=\"Calibri, Calibri_MSFontService, sans-serif\" data-listid=\"4\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\">Select <strong>Update<\/strong> or <strong>Save<\/strong> when you are done editing your text.<\/li>\n<\/ol>\n<h3>Checking Colour Accessibility<\/h3>\n<p>For text to be readable for anyone in a course, the font colours must have sufficient contrast ratio with the background colour. If the font colour and background colour have too low contrast ratio, the text will be difficult to read. Contrast ratios should not be assessed by the naked eye, as different readers have varying contrast capabilities. To check the contrast of your foreground and background text, use the colour selector in the Brightspace HTML editor.<\/p>\n<p><span class=\"TextRun SCXW152668432 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152668432 BCX0\"><span data-contrast=\"auto\">The HTML editor is present in the following areas of Brightspace courses: Announcements, Course Details, Add a description, Create a File, and tool windows (i.e., Quizzes, Assignments, Discussions, etc.).<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/span><\/span><\/p>\n<h4><strong>To Check Colour Contrast in Content in the HTML Editor<\/strong><\/h4>\n<ol>\n<li>Start within the HTML editing widow for the text area you want to edit or add in your course.<\/li>\n<li>From the HTML Editor, select the <strong>Select Colour<\/strong> icon <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5571\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2022-03-30-at-6.01.48-PM.png\" alt=\"\" width=\"29\" height=\"34\" \/><br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5570\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour2.png\" alt=\"Screenshot of HTML editor with red callout around the select colour icon.\" width=\"745\" height=\"252\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour2.png 940w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour2-240x81.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour2-400x135.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour2-160x54.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour2-768x260.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour2-360x122.png 360w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/li>\n<li>In the <em>Select a Color<\/em> pop-up window, select the <strong>colour<\/strong> you would like to use for the font (foreground colour).<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5572\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour-selector.png\" alt=\"Screenshot of the Color pop-up window.\" width=\"376\" height=\"508\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour-selector.png 920w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour-selector-240x324.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour-selector-400x540.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour-selector-160x216.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour-selector-768x1037.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/colour-selector-360x486.png 360w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/p>\n<div style=\"width: 100%; height: 100%; background-color: #f5f5f5; border: 1px; border-style: solid; border-color: #dcdcdd; padding: 12px 12px 1px;\">\n<p><strong>NOTE:<\/strong>The WCAG rating will change based on your colour selection.<\/p>\n<\/div>\n<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong> If the WCAG rating has a red X next to it, <\/strong>the colour does not have sufficient contrast with the background colour and is not accessible. Choose another colour for the foreground colour.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5573\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag2.png\" alt=\"Screenshot of red X's next to WCAG rating.\" width=\"311\" height=\"208\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag2.png 806w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag2-240x161.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag2-400x268.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag2-160x107.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag2-768x515.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag2-360x241.png 360w\" sizes=\"(max-width: 311px) 100vw, 311px\" \/><\/li>\n<li><strong>If the WCAG rating has a green check mark next to it, <\/strong>the colour meets accessibility requirements for sufficient contrast. You can use the colour you have selected because it is accessible.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5574\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag1.png\" alt=\"Screenshot of green check mark next to WCAG rating.\" width=\"314\" height=\"216\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag1.png 782w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag1-240x165.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag1-400x274.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag1-160x110.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag1-768x526.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/wcag1-360x247.png 360w\" sizes=\"(max-width: 314px) 100vw, 314px\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Checking Accessibility and Spelling<\/h3>\n<p>After adding course content, use the Check Accessibility and Check Spelling functions in Brightspace to scan the text in the HTML editor for accessibility errors. Check Accessibility in Brightspace can identify accessibility issues that you may have missed, so that they can be resolved quickly. Common accessibility errors that may be flagged, include low colour contrast, missing alternative text for images, and incorrect or missing heading levels. Check Spelling can identify typos or misspelled words in your text.<\/p>\n<h4>To Run the Accessibility Checker and Spell Checker<\/h4>\n<ol>\n<li>After you have added content, such as text and images, to the HTML editor, select the <strong>Check Accessibility <\/strong>icon <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5576\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2022-03-30-at-6.52.37-PM.png\" alt=\"\" width=\"28\" height=\"25\" \/>. See below for a visual of this button.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5575\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility-checker.png\" alt=\"Screenshot of HTML editor with red callout around the Accessibility Checker icon.\" width=\"698\" height=\"295\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility-checker.png 1248w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility-checker-240x102.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility-checker-400x169.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility-checker-160x68.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility-checker-768x325.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility-checker-360x152.png 360w\" sizes=\"(max-width: 698px) 100vw, 698px\" \/><\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>If accessibility errors are present on the page, the accessibility checker will display a message in red to warn of the errors (see the visual below for an example of an error message). Select the question make next to the warning message, to see more information about the error and to assist with resolving the error.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5577\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility1.png\" alt=\"Screenshot of accessibility checker with accessibility error message.\" width=\"265\" height=\"121\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility1.png 373w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility1-240x109.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility1-160x73.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility1-360x164.png 360w\" sizes=\"(max-width: 265px) 100vw, 265px\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Once there are no accessibility errors, the Accessibility Checker will display a green message to confirm. See below for a visual of the Accessibility Checker with no accessibility error messages.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5578\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility2.png\" alt=\"Screenshot of accessibility checker with no accessibility errors message.\" width=\"225\" height=\"89\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility2.png 303w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility2-240x95.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility2-160x63.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/accessibility2-300x120.png 300w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">3. Select <strong>Update<\/strong> or <strong>Save<\/strong> to finalize your changes.<\/p>\n<h3>Adding Alternative Text to Images<\/h3>\n<p><span class=\"TextRun SCXW100693988 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW100693988 BCX0\">The alternative text is a short description of what an image contains or represents. All images added to HTML text areas need to have alternative text descriptions. When images add meaning to the content, that meaning should be explained for all learners. When an image is purely for decoration, the image can be marked decorative so that an assistive device does not read the image. Whenever you insert an image in the course, <\/span><\/span><span class=\"TextRun SCXW100693988 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW100693988 BCX0\">you will be prompted to add alternative text descriptions.<\/span><\/span><\/p>\n<h4>To Insert an Image With an Alternative Text Description<\/h4>\n<ol>\n<li><span data-contrast=\"auto\">From the HTML editor, select the <\/span><b><span data-contrast=\"auto\">Insert I<\/span><\/b><b><span data-contrast=\"auto\">mage<\/span><\/b><span data-contrast=\"auto\"> icon <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5579\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2022-03-31-at-4.48.13-PM.png\" alt=\"\" width=\"32\" height=\"28\" \/><br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-8366\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/HTML-Editor-1.png\" alt=\"Screenshot of HTML Editor with red callout around Insert Image icon.\" width=\"2340\" height=\"626\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/HTML-Editor-1.png 2340w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/HTML-Editor-1-240x64.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/HTML-Editor-1-400x107.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/HTML-Editor-1-160x43.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/HTML-Editor-1-768x205.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/HTML-Editor-1-1536x411.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/HTML-Editor-1-2048x548.png 2048w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/HTML-Editor-1-360x96.png 360w\" sizes=\"(max-width: 2340px) 100vw, 2340px\" \/><br \/>\n<\/span><\/li>\n<li><span data-contrast=\"auto\">Select <\/span><b><span data-contrast=\"auto\">Upload<\/span><\/b><b><span data-contrast=\"auto\">\u00a0<\/span><\/b><span data-contrast=\"auto\">to select<\/span><span data-contrast=\"auto\">\u00a0the image you wish to add.<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true}\">\u00a0<\/span><\/li>\n<li><span data-contrast=\"auto\">When the upload is complete, select <\/span><b><span data-contrast=\"auto\">Add<\/span><\/b><b><span data-contrast=\"auto\">.<\/span><\/b><span data-ccp-props=\"{&quot;134233279&quot;:true}\">\u00a0<\/span><\/li>\n<li><span data-contrast=\"auto\">Within the<em> Provide Alternative Text<\/em> window, add the alternative text description to capture both the content and meaning of the image, or check the box to label it as decorative if the image content is purely aesthetic.<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true}\">\u00a0<\/span><\/li>\n<li><span data-contrast=\"auto\">Select <strong>OK <\/strong>to add the image to the page.<\/span><\/li>\n<li><span data-contrast=\"auto\">Select <\/span><b><span data-contrast=\"auto\">Update<\/span><\/b><span data-contrast=\"auto\">\u00a0or\u00a0<\/span><b><span data-contrast=\"auto\">Save and Close<\/span><\/b><span data-contrast=\"auto\">\u00a0to save your work.<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true}\">\u00a0<\/span><\/li>\n<\/ol>\n<h2>Accessible Video Content<\/h2>\n<p><span data-contrast=\"auto\">Upload videos to Kaltura Mediaspace for added accessibility features in Brightspace. Using Carleton&#8217;s mediaserver (Mediaspace) ensures that videos load more smoothly for students and voids bogging down the course load time. <\/span><span data-contrast=\"auto\">Kaltura also has an accessible video player which enables students to have some control over their viewing experience<\/span><span data-contrast=\"auto\">. The accessibility features include: playback control, automated captions (or English official when present), the ability to customize captions, and the ability to watch videos at full screen.<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Mediaspace also allows the downloading of the video transcripts which can be embedded in Brightspace <\/span><span data-contrast=\"auto\">and made available for learners. <\/span><span data-ccp-props=\"{&quot;134233279&quot;:true}\">\u00a0<\/span><\/p>\n<p style=\"padding-left: 40px;\"><b><span data-contrast=\"auto\">Note<\/span><\/b><b><span data-contrast=\"auto\">: <\/span><\/b>Video titles may need to be changed after embedding them in Brightspace. T<span data-contrast=\"auto\">he video title will be brought from Kaltura Mediaspace with the name given to it when it was recorded. To ensure the video title is accessible and meaningful to students, update the video title as needed.<\/span><span data-contrast=\"auto\">\u00a0Refer to\u00a0<\/span><a href=\"https:\/\/carleton.ca\/capture\/embed-media-into-brightspace\/\"><b><i><span data-contrast=\"auto\">Adding Kaltura videos to\u00a0<\/span><\/i><\/b><b><i><span data-contrast=\"auto\">Brightspace<\/span><\/i><\/b><\/a><span data-contrast=\"auto\"> documentation for instructions.<\/span><\/p>\n<p>Remember to keep videos short to make video content more easily accessible to students with low bandwidth and low internet speed.<\/p>\n<h2>Content Organization in Modules\/Submodules<\/h2>\n<p><span class=\"TextRun SCXW189324461 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW189324461 BCX0\">Use modules and sub-modules to organize content into meaningful chunks\/topics of information. Logical organization enables easy navigation of your Brightspace course page for the learners. Content can be organized into weekly sections, units, or modules.<\/span><\/span><span class=\"TextRun SCXW189324461 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW189324461 BCX0\">\u00a0Consider adding dates to each of the modules to flag to students when the materials contained in that section will be made\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2 SCXW189324461 BCX0\">available<\/span><span class=\"NormalTextRun SCXW189324461 BCX0\">\u00a0to them.<\/span><\/span><span class=\"EOP SCXW189324461 BCX0\" data-ccp-props=\"{&quot;134233279&quot;:true}\">\u00a0<\/span><\/p>\n<p>Create a helpful video overview of how to navigate the Brightspace course page and where to find key content. A short tutorial will make sure your students know exactly where to find what they need for success.<\/p>\n<h2>Additional Resources<\/h2>\n<ul>\n<li><a href=\"https:\/\/udlguidelines.cast.org\/?utm_source=castsite&amp;lutm_medium=web&amp;utm_campaign=none&amp;utm_content=aboutudl\">CAST: The UDL (Universal Design for Learning) Guidelines<\/a><\/li>\n<li><a href=\"https:\/\/carleton.ca\/tls\/teachingresources\/redesigning-your-courses\/accessibility\/\">Carleton Accessibility Resources for Instructors<\/a><\/li>\n<li><a href=\"https:\/\/support.microsoft.com\/en-us\/topic\/make-your-word-documents-accessible-to-people-with-disabilities-d9bf3683-87ac-47ea-b91a-78dcacb3c66d?ui=en-us&amp;rs=en-us&amp;ad=us#picktab=macos\">Microsoft: Make Your Word Documents Accessible<\/a><\/li>\n<li><a href=\"https:\/\/youtu.be\/zsMo7SOuB1c\">Video: What is Accessibility?<\/a><\/li>\n<li><a href=\"https:\/\/accessibilityhub.niagaracollege.ca\/\">Niagara College Accessibility Hub<\/a> &#8211; The Accessibility Hub provides supports and resources that help reduce barriers and create more accessible teaching and learning experiences, including <span class=\"TextRun SCXW243142882 BCX9\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW243142882 BCX9\" data-ccp-charstyle=\"normaltextrun\">articles, checklists, and videos.<\/span><\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Accessibility is a Key Value and Strategic Goal at Carleton Faculty and instructors have a critical role to play in creating equitable access to education for learners of all abilities. D2L Brightspace has tools to assist the design of\u00a0courses to ensure WCAG\/AODA standards are met on content pages created within Brightspace courses. Accessibility also means [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","_links_to":"","_links_to_target":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Accessibility in Brightspace - Instructor Support<\/title>\n<meta name=\"description\" content=\"Accessibility is a Key Value and Strategic Goal at Carleton Faculty and instructors have a critical role to play in creating equitable access to education\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/\",\"url\":\"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/\",\"name\":\"Accessibility in Brightspace - Instructor Support\",\"isPartOf\":{\"@id\":\"https:\/\/carleton.ca\/brightspace\/instructors\/#website\"},\"datePublished\":\"2021-03-29T20:33:39+00:00\",\"dateModified\":\"2025-08-25T17:30:34+00:00\",\"description\":\"Accessibility is a Key Value and Strategic Goal at Carleton Faculty and instructors have a critical role to play in creating equitable access to education\",\"breadcrumb\":{\"@id\":\"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carleton.ca\/brightspace\/instructors\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessibility in Brightspace\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carleton.ca\/brightspace\/instructors\/#website\",\"url\":\"https:\/\/carleton.ca\/brightspace\/instructors\/\",\"name\":\"Instructor Support\",\"description\":\"Carleton University\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carleton.ca\/brightspace\/instructors\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accessibility in Brightspace - Instructor Support","description":"Accessibility is a Key Value and Strategic Goal at Carleton Faculty and instructors have a critical role to play in creating equitable access to education","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/","url":"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/","name":"Accessibility in Brightspace - Instructor Support","isPartOf":{"@id":"https:\/\/carleton.ca\/brightspace\/instructors\/#website"},"datePublished":"2021-03-29T20:33:39+00:00","dateModified":"2025-08-25T17:30:34+00:00","description":"Accessibility is a Key Value and Strategic Goal at Carleton Faculty and instructors have a critical role to play in creating equitable access to education","breadcrumb":{"@id":"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carleton.ca\/brightspace\/instructors\/accessibility-in-brightspace-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carleton.ca\/brightspace\/instructors\/"},{"@type":"ListItem","position":2,"name":"Accessibility in Brightspace"}]},{"@type":"WebSite","@id":"https:\/\/carleton.ca\/brightspace\/instructors\/#website","url":"https:\/\/carleton.ca\/brightspace\/instructors\/","name":"Instructor Support","description":"Carleton University","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carleton.ca\/brightspace\/instructors\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"acf":{"stick_to_top":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/pages\/3004"}],"collection":[{"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/comments?post=3004"}],"version-history":[{"count":6,"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/pages\/3004\/revisions"}],"predecessor-version":[{"id":9381,"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/pages\/3004\/revisions\/9381"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/media?parent=3004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}