Skip to main content
T4 Support

Tables

Tables are not an accessible way of relaying information on a webpage, so it is important to think about alternative ways to display this content.

Alternatives to tables

The code used to create tables can also be difficult for screen readers to digest, which is why we recommend you relay this information in an alternative format. Find out more about the below alternatives on the T4 Content Type Directory.

Lists

Using lists with clear headings in a General Content element is a good way to relay table content. It may make your page longer, but will ensure the information can be understood by all users. 

Tabs

The Tab content type on T4 allows you to separate content in a way that can mirror a traditional table. 

When you have to use a table

If you do have to use a table, and there is absolutely no alternative, make sure to follow the below rules.

DO

  • Use the T4 editor to create tables that are accessible
  • Include more rows than columns -  a tall, narrow table is easier to read than a short, wide one
  • Include a header row, which explains the content of the columns.
  • These should be styled as headings (H3 or H4) and help people who use assistive technology to understand the table’s structure.
  • Capitalise your headers

DO NOT

  • Do not change the dimensions of tables by dragging and dropping - this makes the table fixed width so it doesn’t change size on mobile.
Back to top