Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-75716

Header : No success message is announced when the users submits the form

    XMLWordPrintable

Details

    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

      1. Navigate to the header region 
      2. Activate the "Feedback" icon present in the header region
      3. A modal dialog appears "Help us improve Jira"
      4. Fill out the form and submit it.
      5. 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.

      1. 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!)”.
      2. 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.
      3. 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

      Attachments

        Activity

          People

            Unassigned Unassigned
            153f1fd15216 Rogerpinto Marialouis
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated: