-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
The link such as "Open" is not hidden from screen reader users.
Steps to Reproduce
- Open the home page.
- Go to projects and select any one from the table.
- Select any one repository.
- Go to side navigation and activate the "pull request" link.
- Using screen reader, navigate to mentioned element using "Command+option+left/right arrow keys".
- Observe that role button and link both is being announced.
Screen Recording
Screen Recording 2025-02-28 at 7.20.33 PM.mov
Actual Results
The "Open" element is defined using <a> and <input role="button"...>, for single element two different role has been provided which creates confusion for screen reader users while navigating.
Expected Results
Ensure that for interactive element only one role should get announce, in this scenario remove <a> element from the source code and mark it under <div> container as the role button is already provided to the same.
Code Snippet
<div href="javascript:void(0)" class="select2-choice" tabindex="-1"> (...) <input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="s2id_autogen1-label select2-chosen-1" id="s2id_autogen1"> </div>
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 Sequoia Version 15.2 (24C101)
Chrome - Version 131.0.6778.266 (Official Build) (arm64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 18.2 (20620.1.16.11.8)
JAWS- Version 2023
NVDA- Version 2020.3
Form Name |
---|