DEV Community

Discussion on: Making tables more accessible with CSS

Collapse
 
dualyticalchemy profile image
⚫️ nothingness negates itself • Edited

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

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

Collapse
 
dualyticalchemy profile image
⚫️ nothingness negates itself

welcome