[sf][a11Y][Button]: Button component can has the "button menu" announcement

Describe the bug Hi Colleague, I am a member of Shanghai WEF team. When we use Button component to open an action sheet, the a11y expect hopes that since this is a button that opens a pop over menu, aria-haspopup=“menu” must be present on the “button” element so that the “button menu” announcement is made by screen reader. However, the Button component of ui5-webcomponents-react doesn’t offer such ability, could you please give us some advice? Thanks!

Isolated Example Here is an isolated example if possible by forking: https://codesandbox.io/embed/affectionate-lichterman-5ee1o2?fontsize=14&hidenavigation=1&theme=dark

To Reproduce Environment & instance: https://qacand.hcm.ondemand.com/login?bplte_company=TALCDC12LilyH

1. Login -> Go to OMP
2. Click on ‘.Manage my opportunities’
3. Tab to the ellipsis

Expected behavior Since this is a button that opens a pop over menu, aria-haspopup=“menu” must be present on the “button” element so that the “button menu” announcement is made by screen reader. This is missing. Refer to this UI5 sample: https://ui5.sap.com/#/entity/sap.m.ActionSheet/sample/sap.m.sample.ActionSheet

Screenshots

UI5 Web Components for React Information @ui5/webcomponents version: 1.2.1 @ui5/webcomponents-react version: 0.22.2 Browser: Chrome

[Lukas742]

Hi @tandan0813

you can use the accessibilityAttributes web component property for this. https://github.com/SAP/ui5-webcomponents-react/blob/3acfeb6a21eaf7e4c2e5cfdf36da28e66fd437db/packages/main/src/webComponents/Button/index.tsx#L57-L73

codeSandbox

[github-actions[bot]]

Hey there, it’s me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one.