DEV Community

loading...

Discussion on: Making tables more accessible with CSS

Collapse
dualyticalchemy profile image
⚫️ nothingness negates itself

nice article, thanks. i like flaviocopes.com/css-responsive-table/ which i recall seeing earlier done by someone else, but basically, change the axis of the table headers according to the device once semantics have been properly placed. make the headers float or slide out like a sidebar on small devices, or make them disappear altogether and become headers on each <td> if hovered/tapped/pressed/etc/ and use aria-pressed, etc, etc. anything.

also according to the W3C specs, <tfoot> has to come before <tbody>

Collapse
alvaromontoro profile image
Alvaro Montoro Author

Thanks! That is a good one too. I will edit the article adding a similar method (providing reference)

Collapse
dualyticalchemy profile image