Tables organize data with a logical relationship into grids. Sighted users can quickly scan a table, grasp its purpose and note which rows or columns have headers describing the data in the table. However, users who cannot see the table cannot understand these visual cues.

A table needs a few specific HTML tags, so that screen readers are able to identify the relationships between its contents. Without these tags, users who cannot see a table might find it very difficult or impossible to understand the relationships between the headers and the cells in the table. 

Best Practices

  • Write column and row headers for your tables. Clear and concise headers help users understand a table's structure.
  • Include a summary of each table's content and purpose as a caption. Screen readers used by non-sighted users will read the purpose aloud.
  • Do not use tables only for layout purposes. This creates a confusing experience for non-sighted users.

Creating an Accessible Table on Digital Commons

  1. Create a table inside the text editor. Select the table icon in the toolbar, and set the table properties in the pop-up window.
  2. Under headers, select whether the first row, the first column, or both will serve as header(s).
  3. Add a caption that identifies the overall topic of a table by selecting Table Caption icon under table properties.
On This Page Jump Links
Off