-
Bug
-
Resolution: Cannot Reproduce
-
Low
-
None
-
4.22.3
-
Severity 2 - Major
-
Issue Summary
For the Object overview modal, aria-hidden="true" is used on informative content making it inaccessible to assistive technology.
Tested URL
https://instenv-21072-japp.instenv.internal.atlassian.com/browse/ITSM-9
Steps to Reproduce
- Launch the URL
- In the object navigate to the Affected Server details and activate the Link for the Object, it will open an Object overview modal
- In the modal Try to interact with the modal using the screen reader.
Actual Results
The "aria-hidden" attribute is provided to the Object overview modal, which becomes available on activating the Object name in the main content area. As a result, screen reader users cannot access the image button effectively.
Expected Results
Remove aria-hidden=”true” from the <div> element in the page source for the modal.
The aria-hidden="true" attribute is used to hide the content from assistive technology users. Although it is a best practice to use the aria-hidden="true" attribute to hide irrelevant content for screen reader users, it can pose issues for screen reader users if it is not used correctly.
Additionally, ensure the focus does not move out of the modal in the background content unless the modal is closed.
Screenshot
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 744391
Bulldog Ref: JSMDC-12530
- is blocked by
-
JSMDC-12530 You do not have permission to view this issue
[JSDSERVER-11521] Object Overview Modal : Aria-hidden="true" is used incorrectly.
| Resolution | New: Cannot Reproduce [ 5 ] | |
| Status | Original: Needs Triage [ 10030 ] | New: Closed [ 6 ] |
| Resolution | Original: Fixed [ 1 ] | |
| Status | Original: Closed [ 6 ] | New: Needs Triage [ 10030 ] |
| Labels | Original: 1.3.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-kb-user ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox | New: 1.3.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-critical ax-critical-priority ax-dev-done ax-high-priority ax-jsm ax-kb-user ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox |
| Labels | Original: 1.3.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-kb-user ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox | New: 1.3.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-kb-user ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox |
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Needs Triage [ 10030 ] | New: Closed [ 6 ] |
| Labels | Original: 1.3.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-dev-ready ax-high-priority ax-jsm ax-kb-user ax-macos-safari ax-platform-dc ax-qa-prioritised ax-vpat-critical ax-windows-chrome ax-windows-firefox | New: 1.3.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-kb-user ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox |
| Attachment | New: Screenshot 2022-08-01 at 12.21.31 PM.png [ 425180 ] |
| Affects Version/s | Original: 4.20.0 [ 96191 ] | |
| Affects Version/s | New: 4.22.3 [ 100692 ] |
| Labels | Original: 1.3.2 Accessibility WCAG21 ax-at-NVDA ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-platform-dc ax-qa-prioritised ax-qa-ready ax-vpat-critical | New: 1.3.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-dev-ready ax-high-priority ax-jsm ax-kb-user ax-macos-safari ax-platform-dc ax-qa-prioritised ax-vpat-critical ax-windows-chrome ax-windows-firefox |
| Description |
Original:
h3. Issue Summary
aria-hidden="true" is used on informative content making it inaccessible to assistive technology. Element name: - "Object Overview" modal Location of the element: In the "Object Overview" modal. Additional details: Due to aria-hidden="true", screen reader users are not able to access the content in the modal. Steps to reproduce: 1. Click on "oracledb-11g-prod" button, just beside the "Affected Server:" text, in the "Can we get this server request approved?" page. 2. Then the "Object Overview" modal will display. h3. Tested URL [https://instenv-5971-nizh.instenv.atl-test.space/projects/JSM/queues/custom/31/JSM-111] h3. Steps to Reproduce # Step 1 h3. Actual Results {{Actual results}} h3. Expected Results {{Expected Results}} h3. Screenshot h3. Screen Recording {{screen recording}} h3. Workaround {{workaround}} Bug Ref: 744391 Bulldog Ref: JSMDC-12530 |
New:
h3. Issue Summary
For the Object overview modal, aria-hidden="true" is used on informative content making it inaccessible to assistive technology. h3. Tested URL [https://instenv-21072-japp.instenv.internal.atlassian.com/browse/ITSM-9] h3. Steps to Reproduce # Launch the URL # In the object navigate to the Affected Server details and activate the Link for the Object, it will open an Object overview modal # In the modal Try to interact with the modal using the screen reader. h3. Actual Results The "aria-hidden" attribute is provided to the Object overview modal, which becomes available on activating the Object name in the main content area. As a result, screen reader users cannot access the image button effectively. h3. Expected Results Remove aria-hidden=”true” from the <div> element in the page source for the modal. The aria-hidden="true" attribute is used to hide the content from assistive technology users. Although it is a best practice to use the aria-hidden="true" attribute to hide irrelevant content for screen reader users, it can pose issues for screen reader users if it is not used correctly. Additionally, ensure the focus does not move out of the modal in the background content unless the modal is closed. h3. Screenshot !Screenshot 2022-05-26 at 10.48.41 PM.png|width=595,height=330! h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 744391 Bulldog Ref: JSMDC-12530 |