You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using the SideNavigationItem component with certain icons, such as action-settings, screen readers (JAWS and NVDA) announce the element's text twice. For instance, the element is read as "settings settings". This issue occurs because some icons include an aria-label attribute, which causes redundant text to be read by screen readers.
I could not reproduce the issue in isolated example - link.
Jaws output:
"Navigation List Tree
Home
To move through or expand items use the Arrow keys"
Bug Description
When using the
SideNavigationItem
component with certain icons, such asaction-settings
, screen readers (JAWS and NVDA) announce the element's text twice. For instance, the element is read as "settings settings". This issue occurs because some icons include an aria-label attribute, which causes redundant text to be read by screen readers.<SideNavigationItem
icon="action-settings"
text="Settings"
onClick={() => {}}
selected={}
onSelect={() => {}}
/>
Affected Component
SideNavigationItem
Expected Behaviour
Screen readers should announce the element's text only once, e.g., "Settings", without duplicating the name from the icon.
Isolated Example
No response
Steps to Reproduce
SideNavigationItem
with an icon "action-settings".SideNavigationItem
in the UI by using navigation keys.Expected: "Settings" (once).
Actual: "Settings settings" (text is duplicated).
SideNavigationItem
to see if the issue persists.Log Output, Stack Trace or Screenshots
No response
Priority
None
UI5 Web Components Version
2.8.0
Browser
Chrome
Operating System
Windows
Additional Context
No response
Organization
No response
Declaration
The text was updated successfully, but these errors were encountered: