Tables that aren't formatted properly for accessibility can be challenging for screen readers to interpret effectively. When creating tables, it's crucial to take the necessary steps to designate the header rows and columns, which help define the structure and facilitate navigation for screen reader users.
Below you'll find the common table-related errors and instruction on how to correct them.
Table lacks properly set columns or row headers.
If a table lacks properly set columns or row headers, it can ake navigation challenging for someone using a screen reader. Ensure if you designate column or row headers, all cells in that column or row are marked as header cells. This setup helps screen reader users understand and navigate the information more effectively.
To designate the first row as header cells, highlight the row and click the table tool icon in the text editor.
Go to Cell > Cell Properties > Cell Type > Header Cell.
Make sure to save and apply changes.
Table Header are assigned outside the first row or first column
Table headers should be assigned only in the first row or the first column. Assigning headers outside these areas can lead to confusion and accessibility issues for those using screen readers. Ensure that only the cells in the first row or column are formatted as headers to maintain clear and logical navigation through the table data.
Table has merged rows or columns
If your table has merged rows or columns, our scanner will flag it as overly complex. It's important to ensure that all headers and their scopes for rows and columns are properly set. Avoid using tables with merged rows or columns as they can be difficult to navigate and interpret, especially for users with disabilities.
Table has cells in a row or column that are not marked as headers while others are
If a table has cells in a row or column that are not marked as headers while others are, it creates inconsistency and can confuse screen readers. To ensure clarity and accessibility, the entire row or column should be marked as headers. This uniformity helps in providing a clear structure for navigating through the table content effectively.
Table has both row and column headers
When a table has both row and column headers, set the scope attribute for each header cell. This helps screen readers accurately determine what each header corresponds to, facilitating a clearer understanding of the table's layout and content. Setting the scope attribute defines whether the header is for a row, a column, or a group of rows or columns, ensuring that users navigating with screen readers can interpret the information presented in the table.
Learn more about creating accessible tables.