[Bug]: Action-button with href cannot be activated by screen reader

[jnurthen]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

sp-action-button, sp-button

Expected behavior

buttons should be able to be activated by the screen reader

Actual behavior

Buttons with href cannot be activated when in screen reader browse mode

Screenshots

No response

What browsers are you seeing the problem in?

Chrome, Safari, Microsoft Edge

How can we reproduce this issue?

1. Go to https://studio.webcomponents.dev/edit/m5wlfZcQ5coVjJcjkUjE/src/index.ts?p=stories
2. Turn on screen reader
3. Navigate to the first action button
4. Try to activate the button
5. Nothing happens
6. Same with the 3rd button

Sample code that illustrates the problem

https://studio.webcomponents.dev/edit/m5wlfZcQ5coVjJcjkUjE/src/index.ts?p=stories

Logs taken while reproducing problem

Screen.Recording.2024-06-21.at.10.25.29.AM.mov

Screen.Recording.2024-06-21.at.10.23.53.AM.mov