-
Bug
-
Resolution: Unresolved
-
Medium (View bug fix roadmap)
-
None
-
8.20.30, 9.12.2, 9.4.17
-
8.2
-
Severity 3 - Minor
-
Issue Summary
List mark-up not defined for some interactive elements present below the header section.
Steps to Reproduce
- Navigate to the "Plan" dropdown and select any plan.
- Navigate to the main content area.
- Inspect the code and check that list mark-up is missing.
Screenshot
Actual Results
List mark-up is not used to present related information programatically. For example, the interactive elements such as "Settings", "Give Feedback", "Auto-schedule", "Share", "Export" and "Review changes" are not marked as unordered list which visually looks like a list of related items. As a result, screen reader users will find it difficult to navigate to the list and different list items quickly.
Expected Results
Use appropriate list mark-up, such as <ul> and <li> to identify related information. In addition, consider applying styles to maintain the visual presentation of a web page.
Code Snippet
<ul> <li> <button class="data-name-settings-icon sc-fAjcbJ bVzDB" spacing="default" type="button" aria-label="Settings"> <span style="align-self: center; display: inline-flex; flex-wrap: nowrap; max-width: 100%; position: relative;"> (...) </span></button> </li> (...) <li> <button class="sc-fAjcbJ bVzDB" spacing="default" type="button"> <span style="align-self: center; display: inline-flex; flex-wrap: nowrap; max-width: 100%; position: relative;"> (...) </span></button> </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, 2019)
macOS Ventura Version 13.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3
- links to
