WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Row / Column resize using keyboard

for

From: Mallory
Date: Jun 4, 2020 5:43AM

Hi Ajay,
I have not seen one working, but remediation advice given in the past by teams I've worked with suggested having focusable buttons either in the column headers or possibly preceding the table itself (and then positioned over the vertical borders in the thead) which, when focussed, allowed left/right Arrow keys to move the column borders. Possibly the Escape key would reset the column-border position (allowing users to cancel in case they moved it unintentionally) makes sense as well. Tabbing away (blur) would set the new position, possibly also by hitting Enter. I've heard others say Tabbing away without pressing Enter should reset the column width.

I believe if these controls had proper naming (making it clear they are for column resizing and the name of the column whose width they control), along with some visible instructions for keyboard/speech rec users before or immediately after the table, that this can be useful, usable and not too complicated for users.

cheers,
_Mallory

On Wed, Jun 3, 2020, at 1:30 AM, Ajay Sharma wrote:
> Hello there,
>
> I am looking for some examples of tables where we could resize the row
> or column with keyboard in a similar way like dragging with mouse.
>
> Any pointer would be really helpful.
>
> Thanks!
> Ajay
> > > > >