WebAIM - Web Accessibility In Mind

E-mail List Archives

Table of selectable records

for

From: Isabel Holdsworth
Date: Sep 10, 2018 8:19AM

Hi all,

One of our pages contains a lengthy sortable table, where each row
represents an editable record from a database.

Does anyone have an example of the best way of making such a table accessible?

It looks visually like a spreadsheet. Should it behave like one from a
keyboard perspective? Should it be possible to traverse the table
using the arrow keys, and only have the Tab key move into and out of
the table itself? Currently the records are clickable but can't
receive focus, which isn't acceptable. But for each cell to be
focusable using the Tab key would prohibit all but the most determined
keyboard users from getting to the important content after the table.

I think that's probably the way to go, plus possibly have a "Select
row" button at the start of each row, but if there's a better way then
this is the place to ask :-)

Thanks as always, Isabel