Status Page | Corporate Tax and Trade: Non-modal dialog is not programmatically identified

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The "Subscribe to updates" non-modal dialog is not programmatically identified as a dialog by screen readers.

      Test URL

      Env

      Steps to Reproduce

      1. Open the Corporate Tax and Trade page.
      2. Using a screen reader, activate the "Subscribe to updates" button.
      3. Observe a dialog appears.
      4. Listen that there is no indication regarding the presence of a dialog.

      Screen Recording

      Non-modal dialog bug.mp4

      Actual Results

      When screen reader users activate the "Subscribe to updates" button, the "Subscribe to updates" non-modal dialog appears on the page. However, this non-modal dialog is not specified with a programmatic role and accessible name. This results in difficulty for screen reader users to understand the presence of a dialog.

      Expected Results

      Users should be able to identify the presence of the dialog using a screen reader.

      Apply the following changes:

      • Add the role="dialog" and aria-modal="false" attributes to the <div> element containing the dialog content.
      • Provide an accessible name for the dialog as "Subscribe to updates" using the "aria-label" attribute.

      For information on creating accessible modal dialog refer:

      Accessible modal

      Code Snippet:

      <div role="dialog" aria-modal="false" aria-label="Subscribe to updates">
      .....
      </div>
        

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)
      macOS Sequoia 15.5
      Operations - Windows11
      Chrome - Version 138.0.7204.184 (Official Build) (64-bit)
      Safari- Version 18.5
      JAWS- Version 2023
      NVDA- Version 2025.1.1
      VoiceOver - Version Latest

        1. Non-modal dialog bug.mp4
          10.69 MB
          Chirag Goyal

            Assignee:
            Manvita Syreddy
            Reporter:
            Chirag Goyal
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: