Tables are not that complicated
There isn't a lot about tables that is not already well known. For accessibility you might want to be careful of a few things.
The <caption>
element should be added to all your tables as sort of title for this table. It will inform all users what the table is about: <caption>I'm a table title!</caption>
. Use the scope="col"
on your <th>
columns to explain to screen readers that the element is a the start of the column and scope="row"
for the same <th>
elements that start rows.
If you need to make more complicated tables accessible, try take examples in the MDN documentation on this page.
Next: Make your links clear and accessible
Initially published: November 23rd, 2020
Generated: November 12th, 2021
Generated: November 12th, 2021