Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-75683

Side navigation : Missing keyboard support for links

    XMLWordPrintable

Details

    Description

      Issue Summary

      The "Edit", and "Delete" links (that appear on expanding the "Filter actions" button in the "side navigation") do not have keyboard support.

      Note: Similar issues were observed with the "Copy of scrum board" links (that appear on expanding the "SCRUM board" link).

      Steps to Reproduce

      1. Navigate onto the above mentioned page.
      2. Navigate onto the mentioned instances with a keyboard.
      3. Observe that the links do not have keyboard support.

      Actual Result

      The "Edit" and "Delete" links do not receive keyboard focus. This is because the <a> elements inappropriately use tabindex="-1". As a result, Keyboard-only users will not be able to interact with these links.

      Expected Result

      All interactive elements should be focusable and operable with a keyboard. In the current implementation, the elements are native links defined with <a>. Hence, we would recommend you to remove the tabindex="-1" attribute from the <a> elements in the DOM to make sure that the links receive keyboard focus.

      Screenshot

      Code snippet

      <a href="...">Edit</a>

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)
      macOS Monterey Version 12.4
      Chrome - Version 103.0.5060.134 (Official Build) (arm64)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.5 (17613.2.7.1.8)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

      Attachments

        Activity

          People

            67dd240e0477 Andrii Lymych (Inactive)
            773dd3a38dd5 Cynthia Singh
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: