window-table icon indicating copy to clipboard operation
window-table copied to clipboard

Published 20 hours ago • verified publisher icon pupudu

Support accessibility?

Open realdreamer opened this issue 5 years ago • 3 comments

I'm trying out this library for the past few weeks. It's really quite powerful and nice.

But, in terms of accessibility, facing some issues.

  • I would like to navigate within the table header if its sortable column. Checked one of your example but it didn't support accessibility (https://codesandbox.io/s/sorting-in-window-table-69wjb)
  • I would like to navigate table rows by up/down arrow keys

I'm looking a flow something like this. Pressing tab it first focus on header sortable column one after other then focus move to row. Then I can using the arrow keys I can navigate within the table rows.

realdreamer avatar Nov 05 '19 08:11 realdreamer

Hello, @realdreamer

Thanks a lot for posting this issue. Supporting accessibility is definitely we are looking forward to. And I agree that it hasn't been done yet. I can have a look at this towards this weekend, on what we need to do and how that can be done. Your suggestion seems like a solid start.

Also, feel free to make a contribution if you have an idea of what needs to be done. In the meantime, I will chat with Joe Ruello, the frontend lead engineer at hipages about the approach.

pupudu avatar Nov 06 '19 06:11 pupudu

Hi @pupudu,

Thank you for your response. Sure, I'll also check from my side.

realdreamer avatar Nov 06 '19 07:11 realdreamer

Hi @pupudu,

Any update on this? Do you have any idea about how to pass ref to header cells and tr component?

realdreamer avatar Dec 03 '19 04:12 realdreamer