-
Bug
-
Resolution: Fixed
-
Low
-
8.5.12
-
Severity 3 - Minor
-
Issue Summary
The "Project sponsor", and "One owner" fields receive keyboard focus twice.
Steps to Reproduce
- Open the home page.
- Activate the "Create from template" button > Select the "Health monitor" option > Activate the "Next" button
- Select "Project a team" option > Activate the "Next" button
- Use the Tab key to navigate the "Monitor a project team"modal dialog.
- Observe that the keyboard users experience extra tab on hidden field while navigating the screen.
Screenshot
Screen Recording
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