-
Type:
Bug
-
Resolution: Fixed
-
Priority:
High
-
Component/s: Subscribers - Component Subscriptions
-
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
Steps to Reproduce
- Open the Corporate Tax and Trade page.
- Using a screen reader, activate the "Subscribe to updates" button.
- Observe a dialog appears.
- Listen that there is no indication regarding the presence of a dialog.
Screen Recording
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:
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