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.
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 |