• Type: Bug
• Resolution: Cannot Reproduce
• Priority: Low
• Fix Version/s: None
• Affects Version/s: 4.22.3
• Component/s: Accessibility
• Labels:

  • 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

1. 

   Screenshot 2022-05-26 at 11.55.54 PM.png

   1.57 MB

   26/May/2022 6:26 PM

2. 

   Screenshot 2022-08-01 at 3.27.55 PM.png

   777 kB

   01/Aug/2022 9:59 AM

[JSDSERVER-11530] Object Overview Modal with default force mode/tree mode graph : Aria-hidden="true" is used incorrectly.

Oleksandr Stoliar made changes - 12/May/2023 11:48 AM

Resolution	Original: Fixed [ 1 ]	New: Cannot Reproduce [ 5 ]
Status	Original: Closed [ 6 ]	New: Closed [ 6 ]

Matthew Brennan made changes - 05/May/2023 3:08 AM

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

Matthew Brennan made changes - 05/May/2023 2:21 AM

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

Akhilesh Paradhi (Inactive) made changes - 01/Aug/2022 9:59 AM

Resolution		New: Fixed [ 1 ]
Status	Original: Needs Triage [ 10030 ]	New: Closed [ 6 ]

Akhilesh Paradhi (Inactive) made changes - 01/Aug/2022 9:59 AM

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

Akhilesh Paradhi (Inactive) made changes - 01/Aug/2022 9:59 AM

Attachment

New: Screenshot 2022-08-01 at 3.27.55 PM.png [ 425188 ]

Akhilesh Paradhi (Inactive) made changes - 26/May/2022 7:15 PM

Description

Original: h3. Issue Summary Object overview modal for graph view has aria-hidden="true" is used on informative content making it inaccessible to assistive technology. h3. Tested URL [https://instenv-5971-nizh.instenv.atl-test.space/projects/JSM/queues/custom/31/JSM-111] 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, activate the Show graph icon.  # A new modal will appear for Object overview, Click on the "Force" button. Then the graph will display in the Force view. Click on the "Tree" button. Then the graph will display in the Tree view. h3. Actual Results The "aria-hidden" attribute is provided to the Object overview modal for force mode/tree mode graph view, which becomes available on activating the Show graph icon in the Object overview modal. 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 11.55.54 PM.png|width=542,height=299! h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 749901 Bulldog Ref: JSMDC-12599

New: h3. Issue Summary Object overview modal for graph view has 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, activate the Show graph icon.  # A new modal will appear for Object overview, Click on the "Force" button. Then the graph will display in the Force view. Click on the "Tree" button. Then the graph will display in the Tree view. h3. Actual Results The "aria-hidden" attribute is provided to the Object overview modal for force mode/tree mode graph view, which becomes available on activating the Show graph icon in the Object overview modal. 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 11.55.54 PM.png|width=542,height=299! h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 749901 Bulldog Ref: JSMDC-12599

Akhilesh Paradhi (Inactive) made changes - 26/May/2022 6:39 PM

Description

Original: h3. Issue Summary Object overview modal for graph view has aria-hidden="true" is used on informative content making it inaccessible to assistive technology. h3. Tested URL [https://instenv-5971-nizh.instenv.atl-test.space/projects/JSM/queues/custom/31/JSM-111] 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, activate the Show graph icon.  # A new modal will appear for Object overview, Click on the "Force" button. Then the graph will display in the Force view. Click on the "Tree" button. Then the graph will display in the Tree view. 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 11.55.54 PM.png|width=542,height=299! h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 749901 Bulldog Ref: JSMDC-12599

New: h3. Issue Summary Object overview modal for graph view has aria-hidden="true" is used on informative content making it inaccessible to assistive technology. h3. Tested URL [https://instenv-5971-nizh.instenv.atl-test.space/projects/JSM/queues/custom/31/JSM-111] 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, activate the Show graph icon.  # A new modal will appear for Object overview, Click on the "Force" button. Then the graph will display in the Force view. Click on the "Tree" button. Then the graph will display in the Tree view. h3. Actual Results The "aria-hidden" attribute is provided to the Object overview modal for force mode/tree mode graph view, which becomes available on activating the Show graph icon in the Object overview modal. 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 11.55.54 PM.png|width=542,height=299! h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 749901 Bulldog Ref: JSMDC-12599

Akhilesh Paradhi (Inactive) made changes - 26/May/2022 6:37 PM

Affects Version/s	Original: 4.20.0 [ 96191 ]
Affects Version/s		New: 4.22.3 [ 100692 ]

Akhilesh Paradhi (Inactive) made changes - 26/May/2022 6:33 PM

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

Load more older history items