Tables
Tables organize and display information in a grid format with rows and columns, making it easier for visitors to follow and compare data. To ensure tables are effective and user-friendly.
Best practices
-
Use Simple Language: Keep the words in the table clear and straightforward; avoid technical jargon or overly complex terms.
-
Identify header cells: Clearly mark the first row and/or first column as headers so users can understand the categories.
-
Provide a meaningful title: Including a title can give extra context, especially for screen reader users.
-
Provide a meaningful caption: Add a clear caption to explain the table's purpose.
Example
Product Information
Product |
Price |
Availability |
Product A |
$50 |
In Stock |
Product B |
$30 |
Out of Stock |
Product C |
$80 |
In Stock |
Product Information detailing price and availability |
Important Note!
Do not use tables for layout.
Tables are intended for representing data rather than determining the layout of content.