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

Backlog : Drag and drop feature is not keyboard accessible.

    XMLWordPrintable

Details

    Description

      Issue Summary

      The drag and drop feature is not keyboard accessible.

      Name of the Element:
      SS-1 section
      SS-2 section
      SS-3 section
      Etc

      Location: Available in Backlog section of Projects.

      Steps to Reproduce

      1. Navigate to the Jira dashboard page.
      2. Navigate to the "Project" menu button in the header section & activate it.
      3. Activate the "Scrum S/D" or any other available project.
      4. In the left panel section of the "Scrum S/D", Navigate to the "Backlog" link and activate it.
      5. Navigate to the "Backlog" dashboard in the main content area, where sprint links SS-1, SS-2, etc. are present.

      Actual Results

      In the "Backlog" dashboard section for the Sprints data, the Drag and Drop functionality (which is available on the whole div element ) to move the data related to Sprints such as SS-1, SS-2, etc. is not accessible for Keyboard alone and Screen reader users. The whole div element does not receive keyboard focus. Whereas this functionality is available with the mouse by Click + Hold on the div element and moving the data Up or Down. 

      The whole data for a single sprint eg. SS-1 is coded into a div container element and then further concatenated. 

      This makes keyboard-only users difficult to access the drag and drop reorderable elements for sprints in the Backlog section.

      Expected Results

      Following are the expected keyboard interactions.

      • The "Reorder Sprints" div element should receive Keyboard as well as a Screen reader focus.
      • The following could be a solution to implement this functionality 
      1. Tab to move through the list of items
      2. Space to select an item
      3. Arrow keys to switch between the drop zone(s)
      4. Enter to Drop
      • An alternative element such as the Up-down arrow should be available to shift the table data up and down and should announce when data is shifted with a screen reader.

       

      Screenshot

      Screen Recording

      JRASERVER-73381.mov

      Workaround

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

      Bug Ref: 732063

      Attachments

        1. 73381 after fix.mov
          23.03 MB
        2. after fix with VO.mov
          13.38 MB
        3. JRASERVER-73381.mov
          8.73 MB
        4. QA JRASERVER-73381.mov
          32.83 MB
        5. Screenshot 2022-03-16 at 3.32.40 PM.png
          Screenshot 2022-03-16 at 3.32.40 PM.png
          1.08 MB

        Issue Links

          Activity

            People

              ac25cb55d206 Oleksandr Zghonnyk
              12b69dcabe29 Matthew Brennan
              Votes:
              1 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: