Accessible Tables
Use DIV tags when you want to display website content (for example, images) in a tabular format.
Use 'Accessible Table Tags' when you want to display tabulated data in your website.
Note: 'Accessible Table Tags' are traditional Table Tags, with the addition of Scope Attributes and a Caption.
In this article we provide exemplar HTML to help get you when creating tabular displays.
JCE Content Editor
The JCE Content Editor 3rd party extension provides a really useful set of buttons in its editor panel to help you insert data tables in your website.
Read more: Working with Content Editors - Tables.
Tables and SEO
Unless presenting data, use DIV tags when creating tabular displays to:
- improve performance in search results,
- improve consistency of display across wide range of screen sizes and devices, and
- improve accessibility of website content to all users.
Contents include:
Use 'Accessible Table Tags' to display tabulated data.
Use DIV Tags to display all other content in tabular format.
