Table cells support a "headers" HTML attribute

I love that even after writing HTML for such a long time, there's always something new to discover. #htmlIsNotEasy

Today I learned that HTML table cells support a headers attribute. I haven't seen that one before!

Stefan Judis @stefanjudis

TIL there's a `headers` HTML attribute that you can to make cells spanning across columns more accessible. 😲

Read more on @aardrian's blog. 👇

adrianroselli.com/2017/11/hey-it…

31 retweets 112 likes Tweeted  May 06 2022Open Tweet

I rarely use tables because I usually don't deal with tabular data. But suppose you're building complex tables with cells spanning multiple columns or rows. In that case, you can use headers to define which table header elements are connected to the particular table cell.

Here are some resources to read more about it:

• Adrian's blog post explains how to deal with spanning cells
• The WCAG success criterion describing table cell association