Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.7.0
-
9.07
-
Severity 3 - Minor
-
Description
Issue Summary
When the user successfully submits the form present in the "Help us improve Jira" modal dialog the success message is displayed on a page which is not conveyed by screen reader software.
Steps to Reproduce
- Navigate to the header region
- Activate the "Feedback" icon present in the header region
- A modal dialog appears "Help us improve Jira"
- Fill out the form and submit it.
- Observe a success message gets added on the page but not announced by the screen reader
Screen recording
Screen Recording 2023-05-09 at 3.13.26 PM.mov
Actual Result
When the user submits the form successfully the success message such as “Thank you for your feedback!)” gets displayed on a page which is not conveyed to the screen reader user. As a result screen reader users will be unaware of the feedback message
Expected Result
The screen reader should make an announcement when users submit the form successfully.
The success message that is visible on a page should be announced when the user submits the form.
- To make an announcement for a success message add role="status" to the element that contains the visible status message i.e., “Thank you for your feedback!)”.
- The aria-live region role of status has an implicit aria-live value of polite, which allows a user to be notified via screen reader when success messages are added/displayed on the page.
- Additionally, the role of status also has a default aria-atomic value of true, so that updates to the container marked with a role of status will result in the AT presenting the entire contents of the container to the use
Code snippet
<div role="status" aria-live="polite" aria-atomic="true" class="aui-message aui-message-success"> <p class="title"><strong>Thank you for your feedback!</strong></p> <p>Thanks for providing your feedback! This window will automatically close in 5 seconds.</p> </div>
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available
Environment
MacBook Pro (14-inch, 2021)
macOs Ventura 13.3.1 (a) (22E772610a)
Chrome - Version 113.0.5672.63 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest