Tables

Include appropriate column and/or row headings. Do not use tables for layout. 

Screen readers typically navigate tables one cell at a time and announce associated header cells to help users understand relationships among the information being presented. 

Best Practices

Use tables only to present data.

Include column and/or row headers to help users understand the information in the table.

Avoid merged or split cells and nested tables.

Tables should not be used to create a layout such as adding columns or placing a block of text directly next to an image. Various content types are available if you need a different layout on your page.

Creating a Table with headings in Terminal Four:

Simple tables up to 10x10, including headings, can be created as needed in Terminal Four.

  1. While editing content open the “Table” menu located in the toolbar
  2. Select “Insert table with column headings” or “Insert table with column and row headings” depending on your needs
  3. A grid will appear allowing you to select the size of your table and insert it on the page.
  4. Replace heading cell text with appropriate labels.
  5. Add data to data cells.

If you need help with a larger or more complex table or with the layout of your page please submit a service request.

Additional Resources

WebAIM Article on Creating Accessible Tables

WCAG Guideline 1.3.1 Info and Relationships

W3C Tables Tutorial