Formatting vs. Data Tables – Do You Know the Difference?

Ensuring that tables in your course materials are accessible is essential for all students. Understanding the difference between data tables and layout tables is key. By distinguishing between data and layout tables and applying appropriate design practices, you can create content that is accessible and user-friendly for everyone.

Data Tables display structured information where the relationships between rows and columns are meaningful. For example, a table listing countries alongside their GDPs is a data table.

Layout Tables are used solely for visual arrangement of items on a page, without conveying any relational data between rows and columns. For instance, using a table to position six images in two rows of three pictures each is a layout table.

Key Accessibility Tips:

• Avoid using images of tables, which can hinder accessibility. If possible, recreate the table using your text editor’s table function to facilitate screen reader compatibility. If a table is presented as an image, ensure it is fully described in the surrounding text. 
• For data tables, properly define header rows and columns using the appropriate table markup (see links below). Including a caption can also provide context for screen reader users.
• For layout tables, do not define headers, but ensure that the content reads logically in a linear format (left to right, top to bottom), as screen readers interpret tables in this order when no headers are specified.

For comprehensive guidance, refer to DELTA’s Digital Accessibility Guide and WebAIM’s article on Creating Accessible Tables.