WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Row / Column resize using keyboard

for

From: glen walker
Date: Jun 5, 2020 5:05PM

Another possibility but related to Mallory's, is for the column heading to
be a focusable element itself. We've done this before and had the header
focusable because selecting it would sort the column. But since it was
focusable we also allowed the left/right arrow keys to resize the column
(when the header has focus). If you have a grid instead of a table, where
left/right normally navigates to the next cell (which we had in some of our
apps), then a modified left/right might be needed, such as ctrl+left and
ctrl+right.

We also had a modifier with the arrow key that simulated a "double click on
the column border", which would size the column as big or as small as
needed given the contents of all the cells. We communicated the
interactions via screen reader text.