Tables
Navigating tables can be quite challenging for people who rely on assistive technology. It is important to keep table structures simple and semantically correct.
Bad Example
The following table does not contain header cells. Instead, styles were applied to make regular table cells look like column and row headers. This will make it difficult for screen reader users to navigate the table.
Table: Prices for black plums and bosca pears in Sydney
| Black Plums | Bosca Pears | |
| Wholesale | $1.00 | $1.50 |
| Retail | $2.00 | $2.50 |
Good Example
This example demonstrates a proper use of header cells. Screen reader users can get column and row headers without leaving the data cell they are currently on.
| Black Plums | Bosca Pears | |
|---|---|---|
| Wholesale | $1.00 | $1.50 |
| Retail | $2.00 | $2.50 |