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

          Form Name

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

            Richard Atkins made changes -
            Labels Original: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jiradc-vpat-2025 ax-jiradc-vpat-2025-backlog ax-jiradc-vpat-2025-reused ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024 New: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-dc-vpat ax-jira-dc-vpat-Backlog ax-jiradc-vpat-2025 ax-jiradc-vpat-2025-backlog ax-jiradc-vpat-2025-reused ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024
            Sameer Shaikh made changes -
            Priority Original: Medium [ 3 ] New: Low [ 4 ]
            Shruti Chabukswar made changes -
            Labels Original: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025-reused ax-jiradc-vpat-2025 ax-jiradc-vpat-2025-backlog ax-jiradc-vpat-2025-reused ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024 New: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jiradc-vpat-2025 ax-jiradc-vpat-2025-backlog ax-jiradc-vpat-2025-reused ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024
            Shruti Chabukswar made changes -
            Labels Original: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025-reused ax-jiradc-vpat-2025 ax-jiradc-vpat-2025-backlog ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024 New: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025-reused ax-jiradc-vpat-2025 ax-jiradc-vpat-2025-backlog ax-jiradc-vpat-2025-reused ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024
            Shruti Chabukswar made changes -
            Labels Original: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025-backlog ax-jira-vpat-2025-reused ax-jiradc-vpat-2025 ax-jiradc-vpat-2025-backlog ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024 New: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025-reused ax-jiradc-vpat-2025 ax-jiradc-vpat-2025-backlog ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024
            Shruti Chabukswar made changes -
            Labels Original: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025-backlog ax-jira-vpat-2025-reused ax-jiradc-vpat-2025 ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024 New: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025-backlog ax-jira-vpat-2025-reused ax-jiradc-vpat-2025 ax-jiradc-vpat-2025-backlog ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024
            Sameer Shaikh made changes -
            Labels Original: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025 ax-jira-vpat-2025-backlog ax-jira-vpat-2025-reused ax-jiradc-vpat-2025 ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024 New: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025-backlog ax-jira-vpat-2025-reused ax-jiradc-vpat-2025 ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024
            Sameer Shaikh made changes -
            Labels Original: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025 ax-jira-vpat-2025-backlog ax-jira-vpat-2025-reused ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024 New: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025 ax-jira-vpat-2025-backlog ax-jira-vpat-2025-reused ax-jiradc-vpat-2025 ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024
            Shruti Chabukswar made changes -
            Labels Original: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024 New: 2.4.3 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jira-vpat-2025 ax-jira-vpat-2025-backlog ax-jira-vpat-2025-reused ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-kb-user ax-qa ax-shipped-pre2024
            Pavlo Samchuk made changes -
            Component/s Original: Accessibility [ 62490 ]
            Component/s New: Backlog [ 46795 ]
            Component/s New: Accessibility [ 62491 ]
            Key Original: JRASERVER-77421 New: JSWSERVER-26190
            Affects Version/s Original: 9.12.2 [ 106456 ]
            Affects Version/s New: 9.12.2 [ 106455 ]
            Project Original: Jira Data Center [ 10240 ] New: Jira Software Data Center [ 12200 ]

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

                Created:
                Updated: