cosmos icon indicating copy to clipboard operation
cosmos copied to clipboard

Table component is not keyboard accessible

Open kyleoliveiro opened this issue 6 years ago • 3 comments

Sortable table header cells and clickable table rows cannot be interacted with via a keyboard, as they do not have the necessary tabindex attribute.

kyleoliveiro avatar Aug 30 '18 08:08 kyleoliveiro

This issue also applies to the following components. Not sure whether to create a separate issue for each, so I'll list them here for now:

Components lacking keyboard accessbility

  • Alert (dismiss button)
  • Tag
  • Tooltip
  • Dialog (cannot access dialog contents)
  • Resource list (only action buttons are accessible)

kyleoliveiro avatar Aug 30 '18 08:08 kyleoliveiro

Thanks @kyleoliveiro ! We are planning to add keyboard accessibility to all, but Table seems like a good start.

landitus avatar Aug 30 '18 16:08 landitus

I would like to tackle this if possible @landitus! :) Just to make sure i understood, both table header cells and table rows, should have the tabIndex set in order for them to be focusable by keyboard, is that right?

rfbotto avatar Oct 27 '18 12:10 rfbotto