[ObjectPage]: Tab Buttons in ObjectPage component lack accessible names
@olannyv is already working on this.
Since Jul 30, 2025.
- Dominant language
- TypeScript
- Stars
- 1.8k
- Forks
- 285
- Avg merge
- 3d 2h
- Merged PRs (30d)
- 59
Description
Describe the bug
Description
The tab buttons within the ObjectPage component are missing accessible names. This causes issues for screen readers, as users cannot identify the purpose of each tab.
Expected behavior:
Each tab button should have a meaningful accessible name (e.g., using aria-label, aria-labelledby, or ensuring the button text is programmatically accessible).
Impact:
This affects accessibility compliance (e.g., WCAG 2.1) and usability for keyboard and screen reader users.
Isolated Example
https://sap.github.io/ui5-webcomponents-react/v2/?path=/story/layouts-floorplans-objectpage--default
Reproduction steps
...
Expected Behaviour
No response
Screenshots or Videos
UI5 Web Components for React Version
2.120.0
UI5 Web Components Version
2.120.0
Browser
Chrome
Operating System
No response
Additional Context
No response
Relevant log output
Organization
No response
Declaration
- I’m not disclosing any internal or sensitive information.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.