-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.0
-
Severity 3 - Minor
-
Issue Summary
Ordered list mark-up has been used on the page inappropriately.
Steps to Reproduce
- Open "Bitbucket" homepage.
- Open project and activate "test project acme.sh" link from "Repository" from header section.
- Activate "Create pull requests" link from side navigation.
- Navigate onto and activate "Diff" tab.
- Turn on screen reader and navigate to mentioned instance using up/down arrow keys (Jaws/NVDA) and Control+option+left/right arrow keys (VoiceOver).
- Inspect the code and check that list mark-up used incorrectly.
Screenshot
Actual Results
The buttons such as "Deploy", "dnsapi", "Notify"and so on and the links becomes available on expanding these buttons such as "proxmoxbs.sh has been added", "Truenas_ws.sh has been added", and so on present under "Diff" tab are marked up using ordered list inappropriately. As a result, screen reader users found it difficult to understand the information effectively.
Expected Results
Use appropriate list mark-up, such as <ul> and <li> to identify related information. In addition if required, apply styles to maintain the visual presentation of the web page.
In this scenario, remove the <ol> list mark-up from the mentioned buttons and links and code them using <ul> and <li> mark-up.
Code Snippet
<ul class="files root-directory"> <li class="directory"><button class="directory-label" aria-expanded="true"><span class ...></span>deploy</button> <ul class="files"><li class="file file-viewed file-selected"><a href="#deploy%2Fproxmoxbs.sh" aria-label="proxmoxbs.sh has been added" title="proxmoxbs.sh has been added" aria-current="true"><span class="...></span><span class="file-label">proxmoxbs.sh</span></a></li> (...) </ul></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.7
Chrome - Version 119.0.6045.105 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.6 (18615.3.12.11.2)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|