Editor: Status message not announced for screen reader users

XMLWordPrintable

    • 9.07
    • Severity 2 - Major

      Issue Summary

      The status message appearing on "Description" textarea is not being announced for screen reader users.

      Steps to Reproduce

      1. Navigate to the "Create" button in header section.
      2. Activate the above mentioned button.
      3. Observe that "Create Issue" modal dialog has been appeared on the screen.
      4. Navigate to the "Description" textarea.
      5. Navigate to the "Visual" or "Text" buttons and activate it.
      6. Using screen reader observe that status message is not announced.

      Screen Recording

      Screen Recording 2023-05-09 at 8.28.14 AM.mov

      Actual Results

      The status message "Visual Mode" and "Text Mode" displayed on the modal dialog when users click the "Visual" and "Text" buttons respectively is not rendered by screen readers. As a result, screen reader users are not aware of this message being displayed on the page.

      Expected Results

      Use ARIA live region to make sure that the dynamic update is announced for screen reader users. This can be achieved by either adding a live region role="status" or aria-live="polite" and aria-atomic="true" attributes to the container used to display the message. Make sure the live region is present in the page source by default.
       
      For more information on implementing the live regions, visit https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions 

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available

      Environment

      MacBook Pro (16-inch, 2019)
      macOS Ventura Version 13.3.1
      Chrome - Version 112.0.5615.49 (Official Build) (x86_64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 16.4 (18615.1.26.11.23)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

            Assignee:
            Unassigned
            Reporter:
            Varsha Bansode (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: