Category 3: Accessible Tables
Creating accessible tables is crucial for ensuring that all users, including those using assistive technologies, can understand and navigate the data presented.
- Log in to your Canvas account and navigate to the course, page, discussion, or assignment where you want to add the table.
- Click on the "Edit" button to enter the Rich Content Editor mode.
- Place your cursor in the area where you'd like to insert the table.
- Click on the "Table" icon in the toolbar. The icon looks like a small grid.
- Click the arrow next to the Table icon to open the dropdown menu.
- Choose the dimensions of your table by selecting the desired number of rows and columns. Click on the squares to set the size of your table, and the table will be inserted automatically.
Need more detail?
Delve into the in-depth walkthrough below, complete with images and various notes for every step.
In-Depth Walkthrough
Step 1
Log in to your Canvas account and navigate to the course, page, discussion, or assignment where you want to add the table.
Step 2
Click on the "Edit" button to enter the Rich Content Editor mode.
![](https://attachment.freshservice.com/inline/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MTcwNTQ1MzI4MDksImRvbWFpbiI6InVpdy5mcmVzaHNlcnZpY2UuY29tIiwidHlwZSI6MX0.mNUC1sa1IWsvd86lTF_j0Tf_QGt44ELyiTU5NhDIF6M)
Step 3
Place your cursor in the area where you'd like to insert the table.
Step 4
Click on the "Table" icon in the toolbar. The icon looks like a small grid.
![](https://attachment.freshservice.com/inline/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MTcwNTQ1MzI4MTUsImRvbWFpbiI6InVpdy5mcmVzaHNlcnZpY2UuY29tIiwidHlwZSI6MX0.77oZVhgTe7MT9jnhjcM2R9QhHDKjlJJNQBgECHa3A-A)
Step 5
Click the arrow next to the Table icon to open the dropdown menu.
Step 6
Choose the dimensions of your table by selecting the desired number of rows and columns. Click on the squares to set the size of your table, and the table will be inserted automatically.
![](https://attachment.freshservice.com/inline/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MTcwNTQ1MzI4MzAsImRvbWFpbiI6InVpdy5mcmVzaHNlcnZpY2UuY29tIiwidHlwZSI6MX0.22toxH4N_MoF8WOi6kIgd-0rl6jHtpHdYwKL-P8Jooc)
After the table is inserted, make sure to follow these best practices to ensure accessibility:
- Use a descriptive caption: A caption briefly describes the purpose of the table. To add a caption, click the Table Properties icon on the pop-up menu that appears.
![](https://attachment.freshservice.com/inline/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MTcwNTQ1MzI4MzEsImRvbWFpbiI6InVpdy5mcmVzaHNlcnZpY2UuY29tIiwidHlwZSI6MX0.IOOeDcykk49tp2w2imOatblg-Wmx17aqqSMo9yRUz6M)
Mouse over each icon to see its name.
- Check the “Show Caption” box. This will give you space above the table so that you can add a descriptive summary of the table.
![](https://attachment.freshservice.com/inline/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MTcwNTQ1MzI4MzIsImRvbWFpbiI6InVpdy5mcmVzaHNlcnZpY2UuY29tIiwidHlwZSI6MX0.kRAcAr5S7rAHgJ4-66IG_VS-IGuJ2hNmPmkHne0s104)
- Use row headers: Headers help screen readers navigate the table by differentiating between header cells and data cells. To designate a row as a header, highlight the top row and access the Row Properties from the dropdown menu next to the Table Icon. Change the Row type to Header
![](https://attachment.freshservice.com/inline/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MTcwNTQ1MzI4NTMsImRvbWFpbiI6InVpdy5mcmVzaHNlcnZpY2UuY29tIiwidHlwZSI6MX0.QsSnHKWf6CM2PT_LVsu8F5XdyyL_OPBqbXRz1cKNns0)
- Do not use merged cells: You will be tempted to merge the top row into one cell to use for a title. Merged cells can cause confusion for screen readers. Instead, try to keep the table structure as simple as possible with separate cells for each piece of data
- Keep a simple and clear layout: Complex tables with nested tables, multiple layers, or irregular structures can be difficult for screen readers to interpret. Stick to a simple, clear layout with a single layer of rows and columns.
After you've ensured that your table is accessible, click "Save" or "Post" to save your changes.
FAQ
Can I use a .jpg of a table?
No. Always use an accessible table so that assistive technology can read the data in each cell. If you only have a .jpg or other image file type of the table, you must recreate it using the table tool.
Can I use tables to design my Canvas page?
Tables should never be used as a layout, or, design tool. It will not be accessible.
![For tech help call 210 829 2721 or email helpdesk@uiwtx.edu](https://attachment.freshservice.com/inline/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MTcwNDYyMzczNjIsImRvbWFpbiI6InVpdy5mcmVzaHNlcnZpY2UuY29tIiwidHlwZSI6MX0._bn8gOIB-VCnSyCTPVODDQgVL1Nvxlqwc5d60yA8tfw)