search

infor-design / enterprise-wc

Enterprise-grade web component library for the Infor Design System
Apache License 2.0
26 stars 23 forks source link

IdsDataGrid Accessibility: Tab key highlights the entire grid/table. #2245

Open jomcab opened 3 months ago

jomcab commented 3 months ago

Describe the Issue Pressing tab key highlights the entire grid before highlighting its content. It is probably by design but we're submitting this issue to confirm it.

To Reproduce Steps to see the question or problem:

  1. Access https://main.wc.design.infor.com/ids-data-grid/editable-row-click-selection.html
  2. Press tab key multiple times
  3. Observe that the entire grid is being highlighted before highlighting its contents. We just want to confirm that it is the expected behavior image

What are you trying to do I'm researching about Tab key focus order whether to highlight the entire grid and then highlight its contents or highlight its content directly and skip highlighting the grid for accessibility.

Additional Context Add any other context about the question or problem here, including the use case if relevant.

tmcconechy commented 3 months ago

@jomcab the extra tab i do not think is needed. It is helping to scroll (tab is to the scroll container). But there are other shortcut keys to navigate the list and the old version didn't have this. I also think this didnt happen some time ago when i first implemented keyboard here.

FYI #1682 Also we use these standards https://www.w3.org/WAI/ARIA/ Specifically: https://www.w3.org/WAI/ARIA/apg/patterns/grid/