[a11y][table-row-action-navigation]: navigation action does not support accessible link role

[caroline-ferri]

Bug Description

The TableRowActionNavigation component, when used with the Table component always sets it's accessible role to "button". As a result, the navigation button that this component renders will always be read by screen readers as a "button" even if the onclick handler makes it behave as a link.

Ideally this component can support a property like the Button accessibleRole. This will ensure that there is no a11y violation when the table row action navigation behaves as a link.

Affected Component

table-row-action-navigation

Expected Behaviour

When the table row action navigation is clicked and it navigates the user to a different page it should have the link accessible role.

Isolated Example

No response

Steps to Reproduce

1. open a screen reader like NVDA or JAWS
2. open ui5-webcomponent table playground
3. tab to the table navigation actions and confirm that they are always announced with a button role
   ...

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.25.0

Browser

Chrome

Operating System

macOS

Additional Context

No response

Organization

SFSF

Declaration

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

[Vonahz]

Hello @UI5/ui5-team-tbl ,

The ui5-table-row-action-navigation always renders with role="button", so it might make sense to either default it to role="link" or expose accessibleRole, so consumers can set it themselves.
Could you have a look?

Regards,
Milen K.