Why is this important?
Tables are often a hidden stumbling block for assistive technology. To ensure an inclusive and user-friendly digital experience it’s key to get them right.
By keeping tables simple and focused on data presentation – don’t use them for laying out a page for example – users can easily interpret the information without the obstacles of split cells, merged cells, or nested tables. The emphasis is on logical navigation, allowing users to seamlessly move through the table using keyboard controls. The goal is to envision a scenario where keyboard-only navigation feels intuitive, ensuring that the table is not only technically accessible but also practically usable for all.
How do I do this?
Stick to clear column headers: Ensure your table has clear and descriptive column headers. This not only aids in the visual understanding of the table but also provides essential context for users relying on screen readers.
Avoid split cells, merged cells, or nested tables: Simplify your table structure by avoiding split cells, merged cells, or nested tables within the main table. Complexity hinders logical navigation, making it difficult for users to move through the table using keyboard controls.
Imagine (or test) keyboard-only navigation: Envision navigating through the table using only the arrow keys on your keyboard. A truly accessible table allows users to tab up, down, left, and right logically and easily. If the navigation feels intuitive, you’ve succeeded in creating an accessible table.
