-
Type:
Bug
-
Resolution: Fixed
-
Priority:
High
-
Affects Version/s: 10.3.0, 11.0.0
-
Component/s: Accessibility, Backlog
-
10.03
-
Severity 3 - Minor
-
Accessibility
Issue Summary
The "Linked pages" non-modal dialog is not programmatically identified for screen reader users.
Steps to Reproduce
- Open the Jira DC instance.
- In the header section, navigate to the "Projects" button, expand it, and open any project.
- In the sidebar navigation, go to the "Backlog" link and activate it.
- Using a screen reader, navigate to the "View linked pages" button and activate it.
- Observe that a dialog appears, but there is no screen reader indication of the presence of a dialog.
Screen Recording
Actual Results
When screen reader users activate the "View linked pages" button, a non-modal dialog "Linked pages" appears on the page. However, the dialog does not have a programmatic role or an accessible name.
As a result, screen reader users may have difficulty recognizing the presence of the dialog.
Expected Results
Users should be able to identify the presence of dialog with a screen reader.
Apply the following changes:
- Add role="dialog", aria-modal="false" and "aria-labelledby" attribute to the <div> tag containing the dialog content.
- Specify "id" attribute with unique value to the <h2> tag containing the "Linked pages" heading and reference it via "aria-labelledby" attribute.
For information on creating accessible modal dialog refer Modal dialog
Code Snippet:
<div role="dialog" aria-modal="false" aria-labelledby="a1"> ......... <h2 id="a1"Linked pages</h2> ......... </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.6
Operations - Windows11
Chrome - Version 140.0.7339.128 (Official Build) (64-bit)
Safari- Version 18.6
JAWS- Version 2023
NVDA- Version 2025.3
VoiceOver - Version Latest
- relates to
-
WILDT-340 Loading...