Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-97927

Monitor a project team: Content receives keyboard focus twice

XMLWordPrintable

      Issue Summary

      The "Project sponsor", and "One owner" fields receive keyboard focus twice.

      Steps to Reproduce

      1. Open the home page.
      2. Activate the "Create from template" button > Select the "Health monitor" option > Activate the "Next" button
      3. Select "Project a team" option > Activate the "Next" button 
      4. Use the Tab key to navigate the "Monitor a project team"modal dialog.
      5. Observe that the keyboard users experience extra tab on hidden field while navigating the screen.

      Screenshot 

      Screen Recording

      defect17-cc.mp4

      Actual Results

      The "Project sponsor", and "One owner" fields in "Monitor a project team" modal dialog receive keyboard focus twice. This is because the mentioned fields inappropriately coded twice.
      This resulted in keyboard only users having to tab pass an additional tab stop while navigating between the modal dialog.

      Expected Results

      Keyboard focus should be available only for the interactive elements on the page. Ensure that the hidden content should not  receive keyboard focus.

      Remove the second "Project sponsor", and "One owner" <input> fields from the DOM. Alternatively, provide tabindex="-1" to the secondly coded "Share with" field.

      Code Snippet

      <label for="s2id_autogen5" id="confluence-select-label-s2id_autogen5">Project sponsor</label>
      <input type="text"  tabindex="0"  role="combobox" aria-haspopup="listbox" ....> 
      <input tabindex="-1" id="project-sponsor" name="sponsor" placeholder="Who is the project sponsor?" ...>

      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 Sonoma 14.6.1
      Chrome - Version 128.0.6613.120 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit) 
      Safari- Version 17.6 (19618.3.11.11.5)
      JAWS- Version 2023
      NVDA- Version 2021.2 
      Voiceover - Version Latest

        1. defect17-cc.mp4
          1.47 MB
        2. RFQA.mp4
          7.56 MB
        3. Screenshot 2024-09-10 at 5.02.05 PM.png
          Screenshot 2024-09-10 at 5.02.05 PM.png
          711 kB

              bb797b5e39e7 Judy Lim
              2b8a2d42df1b Yash Pawar (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: