Using Tables in Canvas

Tables should be used to show tabular data to students, but in some cases are used to create layouts. By using tables to visually style content, we may be doing a disservice to users of assistive technology because the intent of the table is unclear.

In Canvas, creating accessible tables is very simple.

Table tool in Canvas' rich text editor

You can use the Rich Content Editor to build out the table in the correct dimensions and get all the content inserted into the cells.

Table created using the table tool in Canvas' rich text editor

Once you have completed creating your table, navigate to the Accessibility scanner icon, shown in the following image.

Location of Accessibility scanner in Canvas

Once you have activated the Accessibility checker, a popup will visually appear on the right. For faculty using a screen reader, your keyboard focus will automatically be moved into the checker so that you can quickly complete the items.

Note: This example uses a blank Canvas page. If there is additional content on your page, the table issues may not appear first in the sequence of found issues.

The first suggestion the Accessibility Checker will point out is adding a table caption. A table caption should be used to quickly and concisely describe the content of a table.

Accessibility checker results, prompting to add a table caption

The second suggestion that the Accessibility Checker will find is the lack of table headers. A table header can be used to identify rows and/or columns that describe the content in that table.

Accessibility checker, prompting to add table headers

Once you press the “Apply” button, the Accessibility Checker will be dismissed and you will see the styles applied to the table that you created.

Final result with added table caption and table headers