[Icon]: Interactive Icon Does not launch when we hit "Enter" / "Space" with Screen readers likes JAWS/NVDA

[achuth2912]

Describe the bug

When we navigate with the Screen readers like JAWS/NVDA and use the Icon component with interactive mode the Icon does not work as expected when we hit "Enter"/"Space" i.e. via the keyboard.

This works fine with out any Screen reader. This issue happens only when we have the JAWS/NVDA and try to interact with the Keyboard.

Isolated Example

https://stackblitz.com/edit/github-xfwxnan5?file=src%2FApp.tsx

Reproduction steps

1. Turn on any Screen reader like JAWS /NVDA
2. Use Keyboard to navigate to the icon and then try "Enter" / "Space" it does not work.

...

Expected Behaviour

Even when we use the Screen readers like JAWS/NVDA the Interactive Icon must work with Keyboard hit like "Enter"/"Space"

Screenshots or Videos

No response

UI5 Web Components for React Version

2.17.0

UI5 Web Components Version

2.17.0

Browser

Chrome

Operating System

Windows

Additional Context

No response

Relevant log output

Organization

SAP

Declaration

• I’m not disclosing any internal or sensitive information.

[MarcusNotheis]

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[didip1000]

Hey @UI5/ui5-team-ctr-pir,

I could not reproduce the issue on JAWS in Interactive mode, only in VPC mode which could be related to this known JAWS issue.

However the issue is reproducible with NVDA, and it's also reproducible in this native HTML sample. It seems like with NVDA only click events are sent.

Can you please take a look into why?

Thanks,
Diana