Creating Accessible Tables in Canvas

This guide is designed for instructors creating course materials in Canvas. Following these steps will help ensure tables are accessible to students who use screen readers, keyboard navigation, or other assistive technologies.  

 

1. Use Tables Only for Data (Not Layout)

✓ Use tables for:

  • Schedules
  • Rubrics
  • Comparisons
  • Structured data

× Avoid using tables for:

  • Page layout
  • Spacing or alignment
  • Visual design elements

If the content is not truly tabular, use headings, lists, or paragraphs instead. 

 

2. Create Tables in Canvas Using Built-In Tools

Always insert tables to Pages, Assignments, Discussions, etc. using the built-in tool.

  1. Go to the Rich Content Editor → Table.
  2. Select the number of rows and columns.
Screenshot of Canvas rich content editor with the table menu selected and the table option open to select the number of rows and columns desired, with 3 rows and 3 columns highlighted.

When creating tables, do not:

  • Draw tables manually
  • Paste tables as images
 

3. Identify Header Rows

Header rows tell screen readers how to interpret the data. 

To set a header row in Canvas:

  1. Click anywhere in the table.
  2. Select the first row (the header row).
  3. Go to Table → Row → Row Properties
    1. A screenshot of the Canvas rich content editor with the Table menu open and the Row option selected, show additional row options and the Row Properties option highlighted in blue.
  4. Select Row Type → Header
  5. Select Save
    1. A screenshot of the Row Properties options with the Row Type field expanded and the Header options highlighted in blue and checked. The Save button is also called out for emphasis with a red box.

✓Use clear, descriptive labels (e.g., "Assignment," "Due Date," "Points")

 

4. Keep Tables Simple

Screen readers read tables cell by cell. Complex layouts increase cognitive load. 

Best practices:

  • Use a simple grid (rows and columns)
  • Avoid:
    • Merged or split cells
    • Nested tables
    • Empty rows or columns for spacing

If your table is becoming complex, consider breaking it into multiple smaller tables. 

 

5. Avoid Blank Cells When Possible

Blank cells can cause confusion for screen reader users. Instead:

  • Add text such as "N/A" or "Not applicable"
  • Ensure every cell has meaningful content
 

6. Use Accessible Formatting (Not Visual Cues Alone)

Do not rely on color, bold, or position alone to convey meaning.

✓Combine formatting with text labels

Example: Instead of only coloring required items red, also label them as "Required" in text. 

 

7. Ensure Logical Reading Order

Word tables read left to right, top to bottom.

Before finalizing:

  • Read across each row to ensure it makes sense
  • Confirm that headers align logically with their data
 

8. Add Table Titles or Introductions

Introduce the table with a brief sentence before it appears.

Example:

Table 1 outlines weekly assignments and due dates for the course. 

This provides important context for screen reader users before they enter the table. 

 

9. Check Accessibility Using the Canvas Accessibility Checker

  1. Go to the Rich Content Editor → Accessibility Checker
    1. A screenshot of the Canvas rich content editor with the Accessibility Checker indicating that there are two issues that need addressed based on the number 2 that appears at the top of the button.
  2. Review any issues related to tables
  3. Follow the suggested fixes
 

Accessible Tables in Canvas: Quick Summary

To make tables accessible in Canvas:

  • Use tables only for data, not for layout or spacing. 
  • Create tables using the Rich Content Editor table tool, not pasted images or screenshots. 
  • Set a header row using the table properties so screen readers can identify column headings. 
  • Keep tables simple—avoid merged cells, nested tables, or complex layouts. 
  • Avoid blank cells; use text like “N/A” when needed. 
  • Don’t rely on color or formatting alone to convey meaning—use clear text labels. 
  • Add a brief sentence before the table explaining what it shows. 
  • Use Canvas’s accessibility checker to identify and fix table-related issues. 

Accessible tables improve readability and navigation for all students, especially those using screen readers or keyboard navigation.