Tables

Only use tables for tabular data, not for layout purposes. If your columns and rows can be labelled with headers, then your content is likely tabular data. If you are just trying to create columns or boxes on a page, you can accomplish that using a grid layout.

Tables should be kept small and easy to scan - if your table can't fit in a single screen without scrolling or is more than eight columns wide, it's probably too big.

Accessibility requirements for tables

See also Writing accessibility - structural elements. All of the accessibility features are included in the responsive Table component.

Table example
Column heading 1 Column heading 2 Column heading 3
Cell 1 Cell 1 Cell 1
Cell 2 Cell 2 Cell 2
Cell 3 Cell 3 Cell 3