Tables

Tables are formatted visually in a grid of data and that formatting provides context to the data. Proper table layout allows people to understand meaningful data relationships without seeing the grid.

Impact


Accessible tables are structured with row and column headers. Screen readers use these details to read each cell aloud one at a time, providing context to users. If the table is not formatted correctly, there is no easy way to determine what label a particular value in a cell might have.

Use tables sparingly


While tables can be an effective way to display data, they should not be your default choice. This is primarily because they’re often difficult for people who are using screen readers to absorb. Also consider people who might be using a mobile device – often the formatting isn’t compatible. 

Consider simpler alternatives first.

Lists: Lists are excellent for presenting sequential or unordered information. They are straightforward and easy for both sighted users and those who rely on screen readers to navigate. For example, consider putting your agenda in a bulleted list rather than a table.

Paragraphs of text: A well-structured paragraph can convey information more effectively than a table. Use headings, bullet points, or numbered lists within a paragraph to enhance readability.

How do I make an accessible table?


When incorporating tables into documents or web pages, follow these general guidelines and refer to the resources below for additional guidance.

  1. Only use tables for displaying data, not for visual layout purposes.
  2. Keep tables simple. Complex tables require more work to make them accessible.
  3. Ensure header rows and columns are correctly designated.
  4. Include a descriptive table caption.
  5. Do not display a table as an image or screenshot.