{"id":2711,"date":"2023-02-13T19:28:07","date_gmt":"2023-02-14T00:28:07","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/?post_type=chapter&p=2711"},"modified":"2025-07-08T13:33:19","modified_gmt":"2025-07-08T17:33:19","slug":"brightspace-accessibility-checker","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/brightspace-accessibility-checker\/","title":{"raw":"Accessibility Checker","rendered":"Accessibility Checker"},"content":{"raw":"\"\"\r\nThe [pb_glossary id=\"1890\"]accessibility checker[\/pb_glossary] may catch common accessibility issues in your content and offer suggestions to help you fix the issues. The accessibility checker is available on the HTML editor toolbar in Brightspace.\r\n\r\nTo use the accessibility checker:\r\n
    \r\n \t
  1. Open your Brightspace page and select Edit HTML.<\/strong>\r\n
      \r\n \t
    1. Click the three dots More Actions<\/strong> button if you do not see a second row on the editor toolbar.<\/li>\r\n<\/ol>\r\n<\/li>\r\n \t
    2. Open the Accessibility Checker.<\/strong><\/li>\r\n \t
    3. Follow the checker prompts to make changes.\r\n
        \r\n \t
      1. There may be options or additional information depending on type of issue.<\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\nConsider this video demonstration:\r\n\r\nhttps:\/\/mediaspace.langara.ca\/media\/t\/0_6t32l7q7\r\n\r\n \r\n

        Accessibility Review<\/h2>\r\nConsider the following manual and automated checks to maximize the accessibility of your Brightspace content:\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n
        Accessibility Consideration<\/th>\r\nBest Practices<\/th>\r\n<\/tr>\r\n<\/thead>\r\n
        Prefer HTML<\/strong>, Word documents, and PowerPoint files. Use accessibility checkers in Brightspace, Word, and PowerPoint. Avoid PDFs<\/strong> as they are exceedingly difficult and time-consuming to make accessible.<\/td>\r\n\r\n
          \r\n \t
        • Use Upload\/Create > Create a File<\/strong> to create HTML pages.<\/li>\r\n \t
        • Use\u00a0Upload\/Create > Upload Files<\/strong> to add Word and PowerPoint documents.<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n
        Use font size 16 minimum and prefer sans-serif fonts.<\/td>\r\nUse the provided templates.<\/td>\r\n<\/tr>\r\n
        Use headings.<\/td>\r\nAdd headings using the Styles menu. Apply headings in sequential order without skipping a heading level.<\/td>\r\n<\/tr>\r\n
        Use numbered lists for steps in a process and bulleted lists for groupings of items.<\/td>\r\nUse the\u00a0List<\/strong> menu in the Brightspace editor.<\/td>\r\n<\/tr>\r\n
        Provide meaningful text descriptions of links destinations. Do not include bare URLs or unclear link text such as \"click here\" or \"read more.\"<\/td>\r\n\r\n
          \r\n \t
        1. Type a description of the link destination<\/li>\r\n \t
        2. Highlight the text<\/li>\r\n \t
        3. Select\u00a0Insert Quicklink <\/strong>in the Brightspace editor<\/li>\r\n \t
        4. Select\u00a0URL<\/strong>\u00a0<\/strong>and paste the URL in the\u00a0URL*<\/strong> field<\/li>\r\n \t
        5. Click\u00a0Insert<\/strong><\/li>\r\n<\/ol>\r\n<\/td>\r\n<\/tr>\r\n
        Ensure adequate colour contrast and do not use colour alone to differentiate or emphasize.<\/td>\r\n\r\n
          \r\n \t
        • The Brightspace accessibility checker will flag inaccessible colour contrast.<\/li>\r\n \t
        • Use colour and a symbol or text based cue to differentiate information.<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n
        Provide alternative text.<\/td>\r\n\r\n
          \r\n \t
        • Add a description of the image when adding images to HTML pages.<\/li>\r\n \t
        • Check\u00a0This image is decorative<\/strong> for images that are not necessary to understand information or present the same information that is already available in text format.<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n
        Tables are only used to represent data.<\/td>\r\n\r\n
          \r\n \t
        • Do not use an invisible table for alignment or layout purposes.<\/li>\r\n \t
        • Tables must have header rows and\/or columns. Avoid blank, merged, and split cells.<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n
        Math content must be accessible.<\/td>\r\nUse EquatIO or the Brightspace Equation Editor to create accessible math and notation.<\/td>\r\n<\/tr>\r\n
        Caption videos and transcribe audio.<\/td>\r\n\r\n
          \r\n \t
        • Use MediaSpace to host video content. Edit automatically generated captions and use Insert Stuff > My Media<\/strong> to add video content.<\/li>\r\n \t
        • Use Word's transcription tools to provide a text equivalent of audio content.<\/li>\r\n<\/ul>\r\n<\/td>\r\n<\/tr>\r\n
        Any external learning tools and activities are accessible.<\/td>\r\nLook for accessibility information on the platform or vendor's webpage. Prepare an alternative activity or assessment in the event of an inaccessibility.<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n

        Checker Results<\/h3>\r\nThe accessibility checker tool checks for a number of issues. Below is a summary of what is checked and how well the Brightspace checker does in flagging issues:\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n
        Element checked<\/th>\r\nEffectiveness of check<\/th>\r\n<\/tr>\r\n<\/thead>\r\n
        Colour contrast<\/td>\r\nStrong\r\n<\/strong>Can recognize contrast errors (both for regular and large size text) and provides shortcut to improve contrast.\r\nCannot determine if colour is used as sole indication of importance or emphasis.<\/td>\r\n<\/tr>\r\n
        Accessible links<\/td>\r\nWeak\r\n<\/strong>Does not check for bare URLS or descriptive link text.\r\nNotes adjacent links directed to the same URL with a shortcut to repair.<\/td>\r\n<\/tr>\r\n
        Alternative text<\/td>\r\nModerate\r\n<\/strong>Marks images that do not have alt text nor are marked as decorative.\r\nCannot identify whether the Alt text is appropriate or even meaningful.<\/td>\r\n<\/tr>\r\n
        Accessible headings<\/td>\r\nStrong\r\n<\/strong>Recognizes text that has been formatted to appear as a header but is not tagged as such (\"This paragraph looks like a heading. If it is a heading, please select a heading level\").\r\nFlags headings out of sequential order (\"Headings must be applied in sequential order. For example: Heading 1 should be followed by Heading 2, not Heading 3\").<\/td>\r\n<\/tr>\r\n
        Accessible lists<\/td>\r\nStrong\r\n<\/strong>The checker notes text that appears to be a list but is not properly coded as a list, such as a list created manually using symbols and suggests creating a semantic list.<\/td>\r\n<\/tr>\r\n
        Accessible Tables<\/td>\r\nStrong\r\n<\/strong>Notes lack of table caption.\r\nAsks for table summary on complex tables.\r\nNotes when tables to do not have header cell(s).\r\nDoes not flag merged or split cells as these can be made accessible in HTML.<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\nNote that the Brightspace Accessibility Checker does not check for captioned media.\r\n\r\nRead more about the Brightspace Accessibility Checker<\/a>.\r\n

        Preview Tool<\/h2>\r\nSelect the Preview tool on the second row of the editor toolbar to view how the page will appear to students. Use this as a last step to ensure that on top of being accessible, your page appears as you want.\r\n\r\n\"\"","rendered":"

        \"\"
        \nThe         accessibility checker<\/a> may catch common accessibility issues in your content and offer suggestions to help you fix the issues. The accessibility checker is available on the HTML editor toolbar in Brightspace.<\/p>\n

        To use the accessibility checker:<\/p>\n

          \n
        1. Open your Brightspace page and select Edit HTML.<\/strong>\n
            \n
          1. Click the three dots More Actions<\/strong> button if you do not see a second row on the editor toolbar.<\/li>\n<\/ol>\n<\/li>\n
          2. Open the Accessibility Checker.<\/strong><\/li>\n
          3. Follow the checker prompts to make changes.\n
              \n
            1. There may be options or additional information depending on type of issue.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

              Consider this video demonstration:<\/p>\n