Issue Summary
Accessible name is not provided to "Search the knowledge base" modal dialog.
Steps to Reproduce
- With screen reader turned on navigate to the Help portal,
- Navigate to the "Search help" button present under the "Search" input field & Activate the button
- Observe accessible label of the dialog is not announced by screen reader.
Actual Results
In the help center portal, when the user activates the "Search help" button, a modal pops up for "Search for Knowledge base". When the modal is available, the purpose of the modal is not conveyed to the screen reader users. This makes it the assistive tech user difficult to understand the purpose of the modal.
Expected Results
Ensure the purpose of the modal is conveyed to the screen reader users.
Provide "aria-labelledby" attribute to the dialog container & provide the ID of the "Search for Knowledge base" heading element.
Alternatively , provide an aria-label="Search the knowledge base" to the <div> element of the modal.
Screenshot
Screen recording
Share the knowlegde modal.mp4
Workaround
Currently, there is no known workaround for this behavior. A workaround will be added here when available
Bug
High
