Details
-
Bug
-
Resolution: Fixed
-
High
-
7.16.2
-
Severity 2 - Major
-
Description
Issue Summary
The "Search" dialog which appears when user activates "Search" field present in header region is missing ARIA roles/attributes
Tested URL
https://instenv-10949-s8ch.instenv.internal.atlassian.com/display/TES/test12+Home
Steps to Reproduce
- Launch URL https://instenv-10949-s8ch.instenv.internal.atlassian.com/display/TES/test12+Home
- Navigate to "Search" field present in header region and activate it with Tab/Space bar key.
Actual Results
When user activates "Search" field , "Search" modal dialog appears on a page which is not announce by screen reader. Inshort screen reader users are unaware that modal dialog appears on page and it will be confusing experience for screen reader users.
Expected Results
Screen reader should render when "Search" modal dialog appears on screen. For this provide role="dialog", set aria-modal="true"and add "aria-labelledby" attribute to the <div> element containing the modal dialog content.
Screenshot
Workaround
workaround
Bug Ref: 724462