All about tables: creating accessible tables in MS Word, PowerPoint, PDF, and in Canvas

by

Tables can be a good way to communicate data trends in an accessible way. Try to avoid creating super complex tables as these are less understandable for people using screen readers. It can be beneficial to break complex tables into two or more simple table. To create accessible tables in your favorite application, look for the way to specify header cells, one of the essential features of an accessible table. An accessible table also should include a caption describing it or a heading about the table directly above it.
Here are some descriptions of creating accessible tables in different apps:
TOC

MS Word

  • To create an accessible data table in MS Word go to ‘Insert’ > ‘Table’ and draw out the table’s rows and columns.
  • header cell 1
  • header cell 2
  • header cell 3
  • header cell 4
  • col 1, row 2 data
  • col 2, row 2 data
  • col 3, row 2 data
  • col 4, row 2 data
  • col 1 row 1
  • col 2, row 3
  • col 4, row 3
  • col 4, row 3 data
  • Select the table and then click on the ‘Table Design’ widget. Enter the name of your header cells in the first row and make sure ‘Header Row’ is checked in the table Design settings.

MS PowerPoint

  • To create an accessible data table in MS PowerPoint go to ‘Insert’ > ‘Table’ and draw out the table’s rows and columns.
  • header cell 1
  • header cell 2
  • header cell 3
  • header cell 4
  • col 1, row 2 data
  • col 2, row 2 data
  • col 3, row 2 data
  • col 4, row 2 data
  • col 1 row 1
  • col 2, row 3
  • col 4, row 3
  • col 4, row 3 data
  • Select the table and then click on the ‘Table Design’ widget. Enter the name of your header cells in the first row and make sure ‘Header Row’ is checked in the table Design settings.

Acrobat PDF

  • A common issue with tables in PDFs is not having true table header cells. To fix you can go to the Tags panel and manually change the <TD> into <TH> for each header cell.
  • Another issue with tables in PDFs is that the format cannot handle cells that span more than one column. So, You’ll need to redo your tables to have no merged or column spanning cells or else you’ll get an error in the accessibility checker. However, other formats like HTML can handle slightly more complex accessible tables. You can use HTML tables in Canvas course pags.

Canvas

  • To insert a table in a Canvas course pages, Edit a course page to get access to the table maker.
  • Click on the arrow next to the table icon and then choose ‘Table’.
  • Use the table tool to draw out your rows and columns.
  • A limitation of the Canvas table maker is that you can’t specify true table header cell in the editor, so you’ll need to go the code view and change the normal <td> cells into <th> cells.
  • Or you can use the accessibility checker in Canvas to sport and correct the table without a header row. Under ‘Set Table Header’ choose ‘Header row’ and then click ‘Apply’. Behind the scenes it changes the <td> cells into <th> cells. You could go to code view and copy and paste your newly created table code into a local .html text file if you want. Below is a screen of specifying a header row in the accessibility checker.
    Screenshot of specifying a header row for a table in Canvas.
  • The checker will also let you know if a table needs a caption and prompt you to add it. If the table has an H2 heading directly before it, then you don’t need a duplicate caption. Below is a screen showing the option to ad a caption to a table in the accessibility checker.

Screenshot showing the option to ad a caption to a table in the accessibility checker.