Tables organize data with a logical relationship into grids. Sighted users can quickly scan a table, grasp its purpose and note which rows or columns have headers describing the data in the table. However, users who cannot see the table cannot understand these visual cues.
A table needs a few specific HTML tags, so that screen readers are able to identify the relationships between its contents. Without these tags, users who cannot see a table might find it very difficult or impossible to understand the relationships between the headers and the cells in the table.
Best Practices
- Write column and row headers for your tables. Clear and concise headers help users understand a table's structure.
- Include a summary of each table's content and purpose as a caption. Screen readers used by non-sighted users will read the purpose aloud.
- Do not use tables only for layout purposes. This creates a confusing experience for non-sighted users.
Creating an Accessible Table on Digital Commons
- Small Amount of Data- When you have a small amount of information to share via a table, you can create an accessible table using the Text Editor of any content type.
- Large Amount of Data- When you have a large amount of information to share via table, consider using the Data Table content type.