Additional reading for elements used in Dialog Footer

[C5362575]

Bug Description

When accessing the elements in footer of the Dialog for example a button, the information is being read out as "Header Toolbar" which is incorrect. As here the element is added in the Footer. This reading is being done by screen readers like Screen Reader: JAWS Version 2024.2312.53

Affected Component

Dialog

Expected Behaviour

When the UI element is accessed from Footer of Dialog using screen readers, then correct information must be communicated to the user. For our scenario elements present in the Footer should read under "Footer toolbar" section and not "Header toolbar"

Isolated Example

No response

Steps to Reproduce

Navigate to the Footer section of Dialog while the screen reader is reading the content only relevant information about the UI should be communicated to the user. Additional information should be avoided.

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

1.19.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

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

[niyap]

Hello @C5362575,

Could you please provide a link to an isolated example if possible by forking this stackblitz?

I checked the samples in our playground and I was not able to reproduce the issue: https://sap.github.io/ui5-webcomponents/components/Dialog/

Thank you in advance!

Kind Regards, Niya

[C5362575]

Hi @niyap Please find forked modified (https://stackblitz.com/edit/js-rdhenh?file=index.html) Dialog component which has a footer as well . When the UI element is accessed from the Footer of Dialog using screen readers, then correct information must be communicated to the user. For our scenario elements present in the Footer should read under "Footer toolbar" section and not "Header toolbar"

@niyap can you also confirm which screen reader are you using for testing purpose

[GerganaKremenska]

Hello @C5362575,

I have retested with the fork you provided and there is no mention of "Header toolbar". Jaws version 2024.2312.53

Please refer to the attached screenshot which is showing speech output of the screen reader.

Can you provide more guidance on how to reproduce it?

Best Regards, Gergana

[C5362575]

Hi @GerganaKremenska there is a version mismatch, we have "@ui5/webcomponents": "1.17.0" in our app but in code sandbox we have "@ui5/webcomponents": "1.20.1"

can you please change the version in code sandbox and test it again

[GerganaKremenska]

Hello @C5362575 ,

I have retested with "@ui5/webcomponents": "1.17.0" - stackblitz

Here is the result and stil i do not see the issue.

Please provide your speech history. Or more information on how to reproduce the issue.

Best Regards, Gergana

[github-actions[bot]]

Hello, everyone! The issue has been inactive for 21 days. If there are still questions or comments, please feel free to continue the discussion. Inactive issues will be closed after 7 days!

[github-actions[bot]]

Hello, everyone! The issue has been inactive for 28 days, so I am closing the issue.