-
Notifications
You must be signed in to change notification settings - Fork 532
Modal dialog is missing an accessible name #5502
Copy link
Copy link
Labels
accessibilitycomponent: Discoveryrelated to discovery search or browse systemrelated to discovery search or browse systemgood first issueThis is a smaller ticket/bug that may be easier for new contributorsThis is a smaller ticket/bug that may be easier for new contributorsimprovementtestathonReported by a tester during Community TestathonReported by a tester during Community Testathon
Metadata
Metadata
Assignees
Labels
accessibilitycomponent: Discoveryrelated to discovery search or browse systemrelated to discovery search or browse systemgood first issueThis is a smaller ticket/bug that may be easier for new contributorsThis is a smaller ticket/bug that may be easier for new contributorsimprovementtestathonReported by a tester during Community TestathonReported by a tester during Community Testathon
Type
Projects
Status
🏗 In Progress
Describe the bug
An ARIA dialog is rendered without an accessible name. The dialog element:
<ngb-modal-window role="dialog" tabindex="-1" aria-modal="true" class="d-block modal fade show">does not provide a valid accessible name through aria-label, aria-labelledby, or title. As a result, screen reader users may not understand the purpose of the dialog when it opens.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The dialog has a valid accessible name that describes its purpose.
Suggested Fix
Prefer aria-labelledby tied to the modal heading, for example: