Brightspace Accessibility

Structure

On this page:

Headings

Headings create structure to help users understand connections and topics. The Brightspace Editor offers tools to build proper heading hierarchies. Highlight text and choose the appropriate heading level.

Brightspace editor text format menu
Consider H1 as the title, H2 as section headings, H3 as sub-section headings, etc. Headings must be in sequential order. Do not skip a heading level. Body or paragraph text may follow any heading level. (Note: If the heading levels are not in order, the Accessibility Checker will report Heading order must be sequential.)

Lists

  • Use bullet lists for unorganized lists.
  • Lists where the sequence is not important.
  1. Use numbered lists for items where sequence is important.
  2. Such as steps in a process.

Review list best practices.

To make a properly formatted list in Brightspace:

1Highlight text to add to list
2Open the List menu
3Select Bulleted List or Numbered List

image

Do not manually insert symbols and use Tab to create indents. The Accessibility Checker may note improperly formatted lists

Brightspace accessibility checker display an error with lists

Tables

Properly formatted tables are accessible to text-to-speech and screen reader software.

Use the built-in tool to create a table.

Brightspace insert table menu open
Here are some common errors the Accessibility checker will flag in table formatting:

  1. Tables must have captions.
    How to fix: set a brief descriptive text to indicate the content of the table. The simplest way is via the Accessibility checker tool which will prompt for a caption. This will add <caption> to within the <table> element.
  2. Tables must have at least one header.
    How to fix: the simplest way is via the Accessibility checker tool which will prompt you to choose table header to “Header Row” or “Header Column”, which will change the selected data cells <td> to header cells <th>.
  3. Table headers must be associated with cells.
    How to fix: Set header scope to “Row” or “Column” for simple table header, which will add scope attribute (<th scope=”row”> or <th scope=”col”) to associate header cells and data cells.

The Brightspace accessibility checker will flag table errors and provides detailed instructions to make tables accessible.

License

Icon for the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

Accessibility Handbook for Teaching and Learning Copyright © 2023 by Briana Fraser and Luke McKnight is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License, except where otherwise noted.