-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
The content associated with the "Source branch" and "Branch actions" expandable buttons do not have an appropriate reading order.
Steps to Reproduce
- Select "Projects" from the header.
- Select any of the project from the main content area.
- Select any of the repositories.
- Navigate onto the "Branches" link in the side navigation and activate it.
- Navigate onto the mentioned buttons with a screen reader using virtual Up/Down arrow keys and activate any of them.
- Arrow down onto the expandable content from the buttons.
- Note that the content associated with them is not coded directly after the expandable buttons.
Screen Recording
Screen Recording 2025-03-06 at 12.41.04 PM.mov
Screenhot
Actual Result
When the "Source branch" and "Branch actions" buttons are expanded, the expanded content of these buttons is available at the end of the page for screen reader users. This is because this content is not coded directly after the buttons in the DOM. It is instead coded at the end of the DOM. This inappropriate reading order might disorient the users of screen readers. That the content is available at the end might confuse or mislead them.
Expected Results
Content must have an appropriate reading order. Assistive technologies navigate content using the order in which elements appear in the DOM. Hence, make sure that the content is programmatically ordered in such a way that it provides an appropriate reading order to the users of assistive technologies. Make sure that the content that gets available on expanding the buttons is coded directly after the expandable buttons in the DOM. This will create an appropriate reading order for the users of assistive technologies. For instance, this will enable them to arrow down onto the expanded content when the buttons are expanded.
Code Snippet
<button aria-expanded="true" ...>Branch actions</button> <ul> <li><a href="...">Compare</a></li> ... </ul>
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.3.1
Chrome - Version 119.0.6045.123 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 17.3.1 (19617.2.4.11.12)
JAWS- Version 2023
NVDA- Version 2024.3
Voiceover - Version Latest
