[SF][A11y][TableRowAction]:TableRowAction missing accessibleName on inner Button
@unazko is already working on this.
Since Aug 4, 2026.
- Dominant language
- TypeScript
- Stars
- 1.8k
- Forks
- 285
- Avg merge
- 3d 2h
- Merged PRs (30d)
- 59
Description
Bug Description
The TableRowAction component's text prop is correctly passed to the inner ui5-button's tooltip attribute, but it is NOT passed
to the accessible-name attribute. This causes screen readers to announce only "button" without any context, violating WCAG
4.1.2 (Name, Role, Value).
Actual Behavior:
<ui5-button tooltip="Delete" accessible-name="" ...>
The inner button has tooltip="Delete" but accessible-name="" (empty), causing the native inside the shadow DOM to have
aria-label=""
Root Cause Analysis:
Looking at the UI5 WebComponents source, the TableRowAction template passes text to tooltip but appears to miss setting
accessibleName:
Affected Component
TableRowAction
Expected Behaviour
<ui5-button tooltip="Delete" accessible-name="Delete" ...>
The inner button should have both tooltip AND accessible-name set from the text prop.
Isolated Example
No response
Steps to Reproduce
The delete button doesn't have a
Log Output, Stack Trace or Screenshots
No response
Priority
None
UI5 Web Components Version
2.23.1
Browser
Chrome
Operating System
No response
Additional Context
No response
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.