-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
The role such as "button" is defined for image which is not even interactive element.
Steps to Reproduce
- Open home page.
- Activate the "Your work" link from header.
- Observe that "Your work" page is opened.
- Inspect the code and verify that button defined unnecessarily.
Screenshot
Actual Results
Role button defined for "Ansible Admin" image present in the table section, which does not have any functionality. As a result, screen reader users might get confused about the functionality of the mentioned element.
Expected Results
When the element is non-interactive then any role should not define for the same. Make sure that it should not receive keyboard focus and replace the <button> by <div> container and remove aria-label as well.
Code Snippet
<div....>
<img src="https://secure.gravatar.com/avatar/64e1b8d34f425d19e1ee2ea7236d3028.jpg?s=64&d=mm" alt="Ansible Admin" data-vc="avatar-image" class="css-13ep12v" style="border-radius: 50%;">
</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 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|