WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Proper Way to Render Table for Reading Cells

for

From: _mallory
Date: Jul 7, 2015 4:23AM

On Mon, Jul 06, 2015 at 02:58:39PM -0400, Christopher Koeber wrote:
> Hey,
> Also, not sure if anyone can answer the question about cell "editing", I'd
> like to either use hotkeys within the web browser using JavaScript or
> accept any other recommendations on replicating the functionality for
> disabled folks to be able to "select" a table row to perform actions after
> the fact.

How are these selectable in the first place? contenteditable?

> For non-disabled users they can simply select a table row with a mouse; the
> table row then has specific classes added for each cell.

You can be non-disabled and still have no good mouse. Can you make
the cells be focusable? Or the table itself and once focussed, listen
for arrow keys or whatever spreadsheet people tend to use to move
"focus" around cells. You could then either contenteditable+real focus
or onfocus switch the cell info for a real input with current cell
info as the current value.
Since switching around DOM stuff is slow, probably waiting for someone
to hit ENTER would be better to switch in an input/textarea.

_mallory