Issue Summary

      The non-interactive elements such as “Versions“ and “Epic" <div> elements receive keyboard focus.

      Steps to Reproduce

      1. Open the "Backlog" page.
      2. Using the Tab key, navigate through the "Version" and "Epics" buttons and activate them.
      3. Observe that the non-modal dialogs will appear.
      4. Observe that the mentioned instances receive keyboard focus.
      5. Note that these are just <div> elements.
      6. Inspect the code of the text and notice that the tabindex attribute is incorrectly specified.

      Screenshot

      Actual Results

      The non-interactive <div> elements containing all the content of the non-modal dialog receive keyboard focus. This is because the <div> elements inappropriately use tabindex="0". This is illogical as only interactive elements should receive focus.

      This may particularly disadvantage keyboard users. The illogical focus order may make the page difficult to understand and interact with.

      Expected Results

      Non-interactive elements must not receive keyboard focus. In this case, remove the tabindex="0" attribute from the <div> element in the DOM.

      Note that this attribute is only used on the custom components.

      If those elements have any functionality associated with it, then make sure that there is a separate element with a role and an accessible name.

      Code Example:

      <div class="ghx-classification-header">...</div>
      ...
      <div class="ghx-classification-header">...</div>

      Workaround

      Currently, there is no known workaround for this behaviour. A workaround will be added here when available

      Environment

      MacBook Pro (16-inch, 2021)
      macOs Sonoma 14.3
      Chrome - Version 120.0.6099.109 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit) 
      Safari- Version 17.3 (19617.2.4.11.8)
      JAWS- Version 2023
      NVDA- Version 2021.2 
      Voiceover - Version Latest

            [JSWSERVER-26190] Backlog: Non-interactive element receives keyboard focus

            No work has yet been logged on this issue.

              Unassigned Unassigned
              1833d2e1842a Rahul Patil
              Affected customers:
              0 This affects my team
              Watchers:
              3 Start watching this issue

                Created:
                Updated: