WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Horizontal scrolling of tables


From: Patrick H. Lauke
Date: Feb 11, 2021 1:53PM

On 11/02/2021 17:54, Sudheer Babu wrote:
> Hi All,
> Can someone please help me understand if the horizontal scrolling of tables
> in smaller screens fails accessibility compliance under 1.4.10 Reflow or
> any other guidelines?
> I see from https://www.w3.org/WAI/tutorials/tables/tips/ that tables can be
> flexible and can provide horizontal scrolling.

Data tables are allowed to cause scrolling, but ideally the content of
individual cells should be readable without needing to scroll (i.e.
individual cell width should not exceed 320 CSS px for horizontal /
height should not exceed 256 CSS px for vertical content). And the rest
of the page (outside of the table) is not exonerated and still needs to
reflow to those dimensions too.

Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke