TransWikia.com

Datagrid inline editing autofocus and accessibility

User Experience Asked by Florian F. on January 28, 2021

We have a data list on which we can directly edit.

When clicking on the pencil, the line goes from view mode to a form.

screencast of inline editing

That mechanism works well for our users but doesn’t feel fast enough yet. We think that adding the focus on the first field whenever the line goes from view mode to edit mode could help.

It seems to cause a problem with accessibility, it "ports" screen readers into a form without any context.

Is there a best practice allowing us to keep auto focus and somehow not confuse screen readers?

One Answer

  • Is the pencil icon necessary?
  • Is it necessary to repeat the title items?

I would propose to highlight the text area on hover or click and edit it on a second click. When the text edition is on, show at the right the save and cancel icons.

Answered by Danielillo on January 28, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP