Support for `headers` Attribute

This post only covers the headers attribute in HTML tables (ARIA has no headers equivalent). My 2022 post Accessible Cart Tables? showed headers attribute support was poor. In my 2023 post Avoid Spanning Table Headers I didn’t use headers because I knew support was poor. For this post I merged the patterns and tested using the latest kit. TL;DR: Avoid spanning and/or compound headers given inconsistent support. The headers attribute is largely useless. Mobile screen reader / browser pairings generally ignore row and column headers, spanned or not. Desktop screen reader / browser pairings handle spanned header cells just as well without a headers attribute as with (with the mild exception of Safari). Demo I made an example. If the embed below is not working, visit it directly. Excerpted HTML This is just an excerpt of the first table. Imagine all headers and id attributes are stripped from the second table but that it is otherwise the same. <table> <caption>Using <code>headers</code>…