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