How to make tables accessible

What Makes a Table Accessible? ​

1. Include a Header Row.
2. Use a Simple Table Structure. Avoid tables nested within other tables. ...
3. Add Alt Text to the Table. It can be time-consuming to read a table with a screen reader. ...
4. Avoid Blank Cells if Possible. ...
5. Don't Use Screenshots of Tables.

1. How do I make a table accessible in HTML?
2. Can screen readers read tables?

How do I make a table accessible in HTML?

Accessible tables need HTML markup that indicates header cells and data cells and defines their relationship. Assistive technologies use this information to provide context to users. Header cells must be marked up with <th> , and data cells with <td> to make tables accessible.

Can screen readers read tables?

Screen readers allow users to view a list of tables on the page. If the table has an accessible name, a screen reader will provide that name to the user. If not, the screen reader may only read the number of rows and columns.