D4 - Headers in Tables
Table Header Basics
Tables convey information spatially by organizing data in a grid but students with sight impairments can't benefit from this visual illustration of the relationship between cells. To make tables usable by everyone, they need HTML markup that indicates header cells (describing the category of data in that row/column) and data cells.
In the majority of data tables, column headers are needed. Some tables do not have data that would require any header cells, and some tables need both column and row header cells indicated, as shown below.
The example table below shows column header and row header cells.
Col Header | Col Header | Col Header | Col Header | Col Header | |
Breed | Type of Breed | Coat | Lap Cat | Adult Weight | |
---|---|---|---|---|---|
Row Header | Bengal | Hybrid | Short | No | 15 |
Row Header | Scottish Fold | Natural/Mutation | Short | No | 9 |
Row Header | Siberian | Natural | Long | Yes | 14 |
Row Header | Tonkinese | Crossbreed | Short | Yes | 10 |
It is preferred that tables be used for organizing data and not simply for formatting (e.g., avoid putting an image and a caption in a 2-celled table to create a page banner).
Canvas' Accessibility Checker
The Accessibility Checker tool in Canvas does a great job of walking you through how to make a table accessible. Once you've got your table on the page, follow these steps.
- Click the Edit button and reveal the Rich Content Editor.
- Click the Accessibility Checker icon (the "little person" icon) in the RCE toolbar.
- You'll be prompted to add a descriptive caption to your table; then click "Apply".
- You'll then be prompted to set table headers. Choose Header row, Header column or Header row and column from the dropdown menu and click "Apply".
- Save the page.
Setting the Table Cell Properties Manually
You can also set the header cells of a table from within the Table tool:
- Click the Edit button and reveal the Rich Content Editor.
- Click on a cell in the table (or highlight an entire row/column).
- Click on the table icon in the Rich Content Editor toolbar to access a drop down menu.
- Choose Cell > Cell properties.
- Set the Cell type to Header cell.
- If using both Column and Row headers, set the Scope to Column or Row depending on the type of cell.
- Click OK and then save the page.
For complex tables with irregular headers (cells that span multiple columns or rows) or multi-level headers (headers that can’t be associated in a strictly horizontal or vertical way), please ask your campus's Accessibility Specialist for assistance.
Put It Into Practice
Copy the table below, paste it into a page in Canvas and use the "little person" (accessibility checker) to add a table caption and header row.
Date |
Module |
Readings |
Week One: 8/27-8/31 |
Module One: Introduction to Sociology
|
Review Syllabus and Orientation module Chapter 1, Intro to Sociology (OpenStax text)
|
Week Two: 9/3-9/7 |
Module Two:
|
Chapter 2, Sociological Research (OpenStax text) |
Week Three: 9/10-9/14 |
Module Three:
|
Chapter 3, Culture (OpenStax text) |
Week Four: 9/17-9/21 |
Module Four:
|
Chapter 4, Society and Social Interaction (OpenStax text) |
Week Five: 9/24-9/28 |
Module Five:
|
Chapter 5, Socialization (OpenStax text) |
Week Six: 10/1-10/5 |
Module Six: |
Chapter 6, Groups and Organizations (OpenStax text) |
Please be sure to view both tabs before clicking Next