Tables and Beers
Posted on December 24, 2018 by Steve Faulkner
It’s end of 2018, table markup has been with us since HTML 3.2 circa 1997.
You (and I) would think that the representation of data table semantics in the accessibility tree, complete interoperability implementation in browsers, expert advice on marking up accessibly and mature feature functionality in Screen Readers, is a given… Time for a beer.
A really simple table, with one row of or column of table headers in row 1 or column 1
Table with header cells in the top row only
Now sit back, relax, take a long sip on that cold beer:
On Windows 10
- In Firefox – looks good, the table is represented correctly. th=column header and td=cell.
- In Chrome – looks good, the table is represented correctly. th=column header and td=cell.
- In Edge – looks good, the table is represented correctly. th=LocalizedControlType: “header item” and td=LocalizedControlType:”cell”. Each of the cells have the correctly associated header, for example 12 February cell has Table.ItemColumnHeaderItems: “Date” header item.
- In IE 11 things don’t look so great:The column headers are exposed as row headers not to mention the absence of row semantics doh! But don’t let that bother you unduly, sip don’t gulp, as IE 11 [...]