Data Tables

Data Tables

Data tables present information in a grid where columns and rows group information in a meaningful way. When screen readers read straight through data tables, it’s easy for users to get lost. There are a few ways to make your tables more easily interpretable and more accessible. NOTE: Do not insert tables as images in your page.

Use table descriptions

1. Give tables captions and summaries.

Captions and summaries give readers an overview of the table contents.  A screen reader can read the information in these elements without having to go through the cells to find out what the table is for.

Caption
The caption tag appears onscreen and gives the title of the table.

Add a table caption in Carleton's cms

Summary
The summary attribute is a broader description of the table’s purpose.

Adding a table summary in Carleton's cms

View more information on creating tables in Carleton’s CMS.