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

Backlog- Versions panel: More options button is inaccessible for Keyboard & screen reader users.

    XMLWordPrintable

Details

    Description

      Issue Summary

      In backlog page, the more (...) button & the "edit name" link (it appears when you click on more button) present inside Versions panel are inaccessible for keyboard only users. 

      Issue Id: 726890

      Steps to Reproduce

      1. Navigate to Jira dashboard page.
      2. Navigate to any project inside Jira.
      3. Navigate to the backlog page. 
      4. Navigate to the "Versions" button in main content & activate it.
      5. Navigate to the more button (...) inside the versions panel.

      Actual Results

      While navigating with keyboard, when user navigate inside "Versions" panel, the more options (...) element doesn’t receive keyboard focus & also it can’t be activated via Keyboard. The element is coded inside a <div> element incorrectly. Also the element doesn’t have an Accessible label.

      Also the "edit name" link (it appears when you click on more options element) is not accessible via Keyboard. The "tabindex=-1" attribute is provided incorrectly to the link. 

      Expected Results

      Ensure that the more options element & edit name link are accessible via Keyboard. Apply following fixes.

      More options (...)

      • Mark the more options inside a native <button> element instead of <div> element.
      • Ensure that the button can be activated via keyboard enter/space keys.
      • Provide an Accessible label via aria-label. For Example : "More options"

      Edit name

      • Remove the tabindex="-1" attribute from the link element.
      • Ensure that when user activates the "more options" button the next focus should go to "edit name" link.
      • Set the focus to edit name link explicitly or ensure that the code of "Edit name" menu is present right after the code of "More options" button in the DOM panel.

      Screenshots

      Workaround

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

      Attachments

        1. 73340-after-fix.mov
          30.39 MB
        2. 73340-QA-Verification.mov
          25.03 MB
        3. Screenshot 2022-02-28 at 11.19.05 AM.png
          Screenshot 2022-02-28 at 11.19.05 AM.png
          945 kB
        4. Screenshot 2022-02-28 at 11.19.58 AM.png
          Screenshot 2022-02-28 at 11.19.58 AM.png
          1016 kB

        Issue Links

          Activity

            People

              c3057d0e8d6b Vadym Ohyr
              4b5b126a48d0 ssuryavanshi
              Votes:
              1 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: