Web Usability - Accessible Data Tables. An article showing how you can make tables on a website accessible to users of alternative browing tools (i.e. screen readers). How to use the
caption tag for the table title, the
summary attribute of the
table tag and use of
th tags for row/column headers.
thead (table header),
tbody (table body) and
tfoot (table footer) are also covered. More advanced topics are part of this as well, including little known attributes, like the
headers attribute on table cells that refers to the ids of
th tags that it is related to.
You can make very complex tables that are accessible, but it is far better to keep them simple and accessible (both for the developer in coding, and also for the user). The main issue for developers though is that testing is hard if they do not have any screen reading software and that there are no free tools for testing.