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

Kanban board: Incorrect focus order

    XMLWordPrintable

Details

    Description

      Issue Summary

      On Kanban board, Incorrect focus order observed in detail view. 

      Steps to Reproduce

      1. Navigate to Kanban board.
      2. click on any issue to open detail view.
      3. Navigate with tab key through detail view.
      4. Observe that after comments "Add a comment" button receives focus inappropriately.

      Actual Results

      When user navigate through the issue detail view via tab key, after comments the focus moves directly to "Add a comment" button instead of "Attachment". 

      This is because although DOM order of "Add a comment" section is correct but using CSS it is positioned at the bottom of the page.

      This illogical tabbing order will create confusion for keyboard-only users.

      Screenshot

      Screen Recording 2023-07-26 at 9.16.28 PM.mov

      Expected Results

      The focus order of the elements should be as per the visual order on the page. 

      Here after comments the focus should move to "Attachment", "Sub-taks", etc as per visual order of elements. 

      This can be achieved with placing the code of the "Add a comment" section at the end of the DOM.

      Workaround

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

      Attachments

        Activity

          People

            29d2bc2eef64 Miłosz Kubański
            4b5b126a48d0 ssuryavanshi
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated: