-
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
The "More" image button is missing label programmatically.
Steps to Reproduce
- Navigate to the "Plans" dropdown.
- Select the "Accessibility Assessment" option.
- Navigate to the "Teams" link and activate it.
- Ensure that "Accessibility Assessment - Teams" page has been opened.
- Using screen reader navigate the mentioned image buttons and ensure that label is missing.
Screenshot
Actual Results
The textual description is missing for the more image button due to which screen reader is announcing it as just button. As a result, screen reader users might not understand the purpose of the buttons effectively.
Expected Results
- Provide the aria-label to the <button> element.
- In this case, provide label as "More action - Scrum team", "More action - QA team", and so on.
Code Snippet
<button class="sc-fAjcbJ bVzDB" aria-label="More action - Scrum team" spacing="default" type="button"> (...) /button>
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
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|