How can I make tables more accessible?
Users of screen readers cannot read tables the same way sighted users do. Sighted users can tell at a glance what column and row a given cell is associated with, but a screen reader user needs a properly coded table. To make tables usable, additional steps will need to be taken to make them accessible.
Examples of Tables: Simple table
The image above displays a simple table: books read by 2 people. Only column headers are needed to identify who read which books.
Examples of Tables: Complex table
In the image above, there is a complex table: books read by 2 people each week. Both column and row headers are needed.
In the second example, a screen reader user will know that The Sound and the Fury was the book read by Tomiko on Week 3.
Steps to Making Accessible Tables
When adding tables, add a row and/or column to be used as a heading for each as appropriate. The table creation menu contains Headers options that allow for selecting the first row, column or both.
Add a Summary of the table that will inform readers of the table's content. Good examples are: "Data from recent study," "Table of inputs and outputs," etc.
Tables should only be used for tabular data, not for layout.
![](https://media.screensteps.com/image_assets/assets/006/240/999/original/bf61080c-3510-4986-a15b-a21daffee5cd.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVNY36S4EK3YMWFAE%2F20240727%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240727T032037Z&X-Amz-Expires=300&X-Amz-SignedHeaders=host&X-Amz-Signature=f2e17ca258eb61d08a48c5c3da5f961d0ad7428b55f7f2123d8e23485d32bfae)
![](https://media.screensteps.com/image_assets/assets/006/241/001/original/9b6bac1d-e662-461e-9410-06be2890d9ba.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVNY36S4EK3YMWFAE%2F20240727%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240727T032037Z&X-Amz-Expires=300&X-Amz-SignedHeaders=host&X-Amz-Signature=90d621c7829c7499a6194961b7f7bf01e91066d1485053ab912b5fa927ab6c5b)
![](https://media.screensteps.com/image_assets/assets/006/240/997/original/3e4da5ea-7afc-464b-be3a-4283335316a3.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVNY36S4EK3YMWFAE%2F20240727%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240727T032037Z&X-Amz-Expires=300&X-Amz-SignedHeaders=host&X-Amz-Signature=c59a68ecb3fdcaea5567e089c850c2fc59c9afbcd92d7b24316eaffa56ab1eec)