-
Bug
-
Resolution: Tracked Elsewhere
-
Low
-
None
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
The non-modal dialog that becomes available when user activates the "View voters" link.
Steps to Reproduce
- Navigate to the "Issue" dropdown in the header.
- Select any issue from the dropdown.
- For example, select the "JSM-1 What am i looking at?" issue.
- Observe that "View issue in queue view & comments" page has been appeared on the screen.
- Navigate to the above mentioned link and activate it.
- Verify that the appearance of the non-modal dialog is not announcing.
Screen Recording
Screen Recording 2023-09-15 at 4.32.15 PM.mov
Actual Results
Following issue are found for the "View voters" non-modal dialog
- "View voters" non-modal dialog is not specified with a programmatic role and accessible name.
- This non-modal dialog content is placed at the end of the page. Which causes user to navigate the additional content unnecessarily.
This resulted in difficulty for screen reader users to understand the presence of a dialog and traverse additional content.
Expected Results
Apply the following changes: * Add role="dialog", aria-modal="false" and "aria-labelledby" attribute to the <div> tag containing the dialog content.
- Specify aria-label attribute containing the short description.
- Change the order of the content in DOM, place the content right after the triggering element i.e. "View voters" link.
For information on creating accessible modal dialog refer https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html
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 114.0.5735.198 (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
- is caused by
-
-
- Closed
-
- was cloned as
-
-
- Closed
-
[JSDSERVER-14333] View issue in queue view & comments: Non-modal dialog is not programmatically defined
| Resolution | New: Tracked Elsewhere [ 15 ] | |
| Status | Original: In Progress [ 3 ] | New: Closed [ 6 ] |
| Assignee | Original: Amisha - [ ad6a80463119 ] |
| Link |
New:
This issue is caused by |
| Link |
New:
This issue was cloned as |
| Assignee | New: Amisha - [ ad6a80463119 ] |
| Status | Original: Gathering Impact [ 12072 ] | New: In Progress [ 3 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Gathering Impact [ 12072 ] |
| Labels | Original: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-qa | New: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-qa |
| Labels | Original: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg04 ax-qa | New: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-qa |
| Description |
Original:
h3. Issue Summary
The non-modal dialog that becomes available when user activates the "View voters" link. h3. Steps to Reproduce # Navigate to the "Issue" dropdown in the header. # Select any issue from the dropdown. # For example, select the "JSM-1 What am i looking at?" issue. # Observe that "View issue in queue view & comments" page has been appeared on the screen. # Navigate to the above mentioned link and activate it. # Verify that the appearance of the non-modal dialog is not announcing. h3. Actual Results "BBBBB" non-modal dialog is not specified with a programmatic role and accessible name. This resulted in difficulty for screen reader users to understand the presence of a dialog. h3. Expected Results akclk h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available |
New:
h3. Issue Summary
The non-modal dialog that becomes available when user activates the "View voters" link. h3. Steps to Reproduce # Navigate to the "Issue" dropdown in the header. # Select any issue from the dropdown. # For example, select the "JSM-1 What am i looking at?" issue. # Observe that "View issue in queue view & comments" page has been appeared on the screen. # Navigate to the above mentioned link and activate it. # Verify that the appearance of the non-modal dialog is not announcing. h3. Screen Recording [^Screen Recording 2023-09-15 at 4.32.15 PM.mov] h3. Actual Results Following issue are found for the "View voters" non-modal dialog * "View voters" non-modal dialog is not specified with a programmatic role and accessible name. * This non-modal dialog content is placed at the end of the page. Which causes user to navigate the additional content unnecessarily. This resulted in difficulty for screen reader users to understand the presence of a dialog and traverse additional content. h3. Expected Results Apply the following changes: * Add role="dialog", aria-modal="false" and "aria-labelledby" attribute to the <div> tag containing the dialog content. * Specify aria-label attribute containing the short description. * Change the order of the content in DOM, place the content right after the triggering element i.e. "View voters" link. For information on creating accessible modal dialog refer https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. Environment MacBook Pro (16-inch, 2019) macOS Ventura Version 13.3.1 Chrome - Version 114.0.5735.198 (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 |