w3c / tr-design

CSS used by W3C specs (this repo is not about the w3.org/TR index page)
https://w3c.github.io/tr-design/src/README
Other
64 stars 29 forks source link

Provide styles for sticky table headers #353

Open scottaohara opened 6 months ago

scottaohara commented 6 months ago

In the ARIA in HTML spec, the document conformance requirements are presented in a rather long table. To help readers of the spec, we modified the style of the table headers so that they could use position: sticky so they'd remain in view while the spec was scrolled.

A recent-ish update to the respec table styling, to better match w3c styles, resulted in the background of the table headers being removed - so now the sticky content has no background color and the header text and the table body text have legibility issues.

Per https://github.com/w3c/html-aria/issues/518, I was told to file an issue here to get official support for this table header treatment, rather than doing it uniquely for the ARIA in HTML spec alone.

In the meantime, I will have to remove the sticky column headers to resolve the legibility issue. But that will of course mean the usability issue of the column headers being visually far removed from the current scroll position will have returned.

nigelmegitt commented 6 months ago

I'd also like to bring back table header background and foreground color adjustment, something a bit like what Respec used to do with table class="simple".