Tables and Graphs
Tables and Graphs are non-linear ways of presenting information. Tables and graphs can be read by screen readers if they are made accessible. The following are a few best practices to consider.
- Avoid complex tables when you can. Convert the data into its simplest form whenever possible.
- Convert simple tables into one or more ordered or unordered lists. Ordered lists are numbered and unordered lists use bullet points.
- If a cell is to meant to remain blank, enter a place holder or "N/A" into the cell. This will allow screen readers to know it is not the end of the table.
- Provide descriptions below all tables and charts. If inserted as a picture add Alt Text.
- Header rows for tables are essential. Make sure the first row is tagged as a "Header Row".
- Test your content on smaller screens. Keep in mind some users may be viewing it on a mobile device.
- Use the preformatted content templates whenever possible. Most are already accessible.
Below is an example of a simple table with a header row that is accessible and can be read by a screen reader.
This table is a comparison of our Expenses and Revenue for the years 2019, 2020 and 2021. Expenses: 2019, $823,000, 2020, $858,000, 2021, $901,000, Sales: 2019, $794,000, 2020, $1,130,000, 2021, $628,000.