Component having issue: https://sap.github.io/fundamental-ngx/#/core/dialog
Open any dialog
Below code found by Access assistant tool
This DIV (role=dialog) does not have a mechanism that allows an accessible name value to be calculated.
Code Snippet:
Schedule Job
<input aria-la.
Developers must either change the containing web page's title element (when the dialog lacks a visual title) to a terse description of the dialog purpose, or use an explicit heading element as the dialog title (preferably h1 or h2) (when a visual dialog title is present) to provide a title for the dialog. In addition, any heading should be referenced via aria-labelledby from the element representing the dialog, e.g. element with role of dialog or role of region. In many cases the dialog's title does not already appear as an explicit heading, and needs to be tagged with a heading element to meet other accessibility best practices.
When using ARIA role dialog or role of region, developers must provide a dialog label using aria-label or aria-labelledby attributes. The dialog's aria-labelledby should not reference the entire dialog itself as this can cause double speaking by some screen readers. The accessible name of the dialog should be the dialog title and not the dialog's contents.
Can you handle that on the application side
No
Which versions of Angular and Fundamental Library for Angular are affected? Please, specify the exact version. (If this is a feature request, use current version.)
All latest version
If this is a bug, please provide steps for reproducing it; the exact components you are using;
• Download Access assistant tool from level access.
• For registered AMP user, login with your SAP email ID into SAP AMP instance: sap.levelaccess.net
Open any dialog:
This DIV (role=dialog) does not have a mechanism that allows an accessible name value to be calculated
Please provide relevant source code (if applicable).
Please provide stackblitz example(s).
In case this is Accessibility related topic, did you consult with an accessibility expert? If not, please do so and share their recommendations.
Yes we have got this bug from Accessibility expert only.
I checked the first example on the page.
The dialog has aria-labelledby attribute and is labelled, which is good.
Still, for some reason the paragraph inside has also a role dialog, which is wrong and needs to be corrected. And I assume that this causes the issue here, as this "dialog" which does not have to be a dialog is unlabelled.
Is this a bug, enhancement, or feature request?
Bug
Describe your proposal.
Component having issue: https://sap.github.io/fundamental-ngx/#/core/dialog Open any dialog Below code found by Access assistant tool This DIV (role=dialog) does not have a mechanism that allows an accessible name value to be calculated.
Code Snippet:
Schedule Job