E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 2 (In chronological order)

From: Sudheer Babu
Date: Thu, Feb 11 2021 10:54AM
Subject: Horizontal scrolling of tables
No previous message | Next message →

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.

We are also looking into CSS approach by vertically stacking up the table
content in smaller screens,
but please suggest if there are any alternatives or examples that you can
provide.

Thanks,
Sudheer

From: Patrick H. Lauke
Date: Thu, Feb 11 2021 1:53PM
Subject: Re: Horizontal scrolling of tables
← Previous message | No next message

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.

P
--
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