E-mail List Archives
Thread: Dynamic scrolling grids / tables.
Number of posts in this thread: 2 (In chronological order)
From: Murphy, Sean
Date: Sun, May 28 2023 11:50PM
Subject: Dynamic scrolling grids / tables.
No previous message | Next message →
Hi All,
Does anyone have an example of a grid or table that automatically scrolls as the user presses the down arrow key. For example:
A grid has 8 columns with 50 rows. Only 20 rows are shown. They are in column x and are on the last visible column. When pressing down arrow, the next column is shown and the first column with data is disappeared. The first row is a sticky header. Likewise the reverse occurs when using the up arrow.
What accessibility challenges are with the above pattern for screen reader, voice activation, low vision ETC? Is it possible?
Note, there will be interactive components inside the grid.
Regards
Sean Murphy | Accessibility Lead
Telstra Digital Channels | Digital Systems
Mobile: 0405 129 739b Digital Systems Launch Page<https://confluence.in.telstra.com.au/display/DCSYS/Digital+Systems+-+Able+Home>
Digital Systems Launch Page<https://confluence.in.telstra.com.au/display/DCSYS/Digital+Systems+-+Able+Home>
Accessibility Single Source of Truth<https://confluence.in.telstra.com.au/x/bCGfBw>
From: glen walker
Date: Mon, May 29 2023 10:06AM
Subject: Re: Dynamic scrolling grids / tables.
← Previous message | No next message
Are you mixing "row" and "column" in your description? You mention
swapping in new columns when pressing the down arrow but described the
table as only having 20 visible rows. I'm guessing you meant you page in
new rows when the down arrow is pressed?
If I understand correctly, you have a paginated table. Perhaps something
like https://mdbootstrap.com/docs/b4/jquery/tables/pagination/ but maybe
you don't have pagination controls for going to the next "page" (rows)? Are
you *only* trying to provide pagination via the up/down arrow keys and not
have any widgets for doing so?