AnalyticalTable: Expand and Collapse row is not focusable

[lakha26]

Describe the bug

Hi, the expand/collapse button in the Tree Table is not focusable using the Tab key. I want to add aria-expanded for accessibility so that when we press the Spacebar, it announces 'expanded,' and when pressed again, it announces 'collapsed.

Isolated Example

No response

Reproduction steps

Use tab to navigate to expand/collapse button.

Expected Behaviour

Expand and Collapse button in should be focusable via Tab.

Screenshots or Videos

Screen.Recording.2025-03-25.at.10.11.34.AM.mov

UI5 Web Components for React Version

1.29.18

UI5 Web Components Version

1.24.9

Browser

Chrome

Operating System

MAC

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

[Lukas742]

Hi @lakha26

the linked PR will improve this behavior. Please note that the expand button is not included in the tab-chain and can therefore only be focused via pointer interactions. When using the keyboard to navigate the and the "expand" cell is focused, pressing Space will collapse/expand the row, which is also announced by screen readers.

[ui5-webcomponents-react-bot]

🎉 This issue has been resolved in version v2.9.0 🎉

The release is available on v2.9.0

Your semantic-release bot 📦🚀