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

  • 1.4.4
  • Accessibility
  • Level-AA
  • WCAG21
  • ax-bug
  • ax-bulldog-bl
  • ax-dev-ready
  • ax-jsm
  • ax-macos-safari
  • ax-medium-priority
  • ax-platform-dc
  • ax-qa
  • ax-qa-prioritised
  • ax-windows-chrome
  • ax-windows-firefox
  • may-need-design-team
  • ril

1. Screen Recording 2022-05-27 at 12.51.04 AM.mov

   12.27 MB

   26/May/2022 7:21 PM

2. 

   Screenshot 2022-05-27 at 12.52.03 AM.png

   1.63 MB

   26/May/2022 7:22 PM

[JSDSERVER-11598] Object Overview Modal with default force mode/Tree mode graph : Content fails to reflow at 200% zoom.

Marc Dacanay made changes - 14/Oct/2024 11:16 PM

Labels

Original: 1.4.4 Accessibility Level-AA WCAG21 ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-medium-priority ax-platform-dc ax-qa ax-qa-prioritised ax-windows-chrome ax-windows-firefox may-need-design-team

New: 1.4.4 Accessibility Level-AA WCAG21 ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-medium-priority ax-platform-dc ax-qa ax-qa-prioritised ax-windows-chrome ax-windows-firefox may-need-design-team ril

Marc Dacanay made changes - 14/Oct/2024 11:16 PM

Remote Link

New: This issue links to "Internal ticket (Web Link)" [ 955538 ]

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

Labels

Original: 1.4.4 Accessibility Level-AA WCAG21 ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-medium-priority ax-platform-dc ax-qa-prioritised ax-windows-chrome ax-windows-firefox may-need-design-team

New: 1.4.4 Accessibility Level-AA WCAG21 ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-medium-priority ax-platform-dc ax-qa ax-qa-prioritised ax-windows-chrome ax-windows-firefox may-need-design-team

Oleksandr Mazepa made changes - 09/Feb/2023 3:23 PM

Labels

Original: 1.4.4 Accessibility Level-AA WCAG21 ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-medium-priority ax-platform-dc ax-qa-prioritised ax-windows-chrome ax-windows-firefox

New: 1.4.4 Accessibility Level-AA WCAG21 ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-medium-priority ax-platform-dc ax-qa-prioritised ax-windows-chrome ax-windows-firefox may-need-design-team

Akhilesh Paradhi (Inactive) made changes - 15/Nov/2022 7:06 AM

Status

Original: Needs Triage [ 10030 ]

New: Ready for Development [ 10049 ]

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

Description

Original: h3. Issue Summary Content is lost, clipped, or obscured when the page is zoomed to 200%. 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.  # Try to zoom the page to 200% using the browser zoom for different browsers. h3. Actual Results The Object Overview Modal with default force mode/Tree mode graph content fails to reflow when viewed at 200% zoom. The interactive elements and content are not visible on the page and the user is not able to scroll the modal with a mouse and keyboard. This will result in low vision users finding it difficult to access the content when zoomed in. h3. Expected Results Low vision users access content by using the browser's zoom option turned on. Users have a tendency to zoom in up to 200-400%. Content at high zoom levels gets reflowed and text gets enlarged. Content when reflowed should be displayed in a single column. Low vision users find it very helpful to access content displayed in a single column as they do not have to scroll both ways; horizontally and vertically in order to read it.  h3. Screenshot !Screenshot 2022-05-27 at 12.52.03 AM.png|width=314,height=174! h3. Screen Recording [^Screen Recording 2022-05-27 at 12.51.04 AM.mov] h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 745955 Bulldog Ref: JSMDC-12594

New: h3. Issue Summary Content is lost, clipped, or obscured when the page is zoomed to 200% for the Object Overview Modal with default force mode/Tree mode graph. 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.  # Try to zoom the page to 200% using the browser zoom for different browsers. h3. Actual Results The Object Overview Modal with default force mode/Tree mode graph content fails to reflow when viewed at 200% zoom. The interactive elements and content are not visible on the page and the user is not able to scroll the modal with a mouse and keyboard. This will result in low vision users finding it difficult to access the content when zoomed in. h3. Expected Results Low vision users access content by using the browser's zoom option turned on. Users have a tendency to zoom in up to 200-400%. Content at high zoom levels gets reflowed and text gets enlarged. Content when reflowed should be displayed in a single column. Low vision users find it very helpful to access content displayed in a single column as they do not have to scroll both ways; horizontally and vertically in order to read it.  h3. Screenshot !Screenshot 2022-05-27 at 12.52.03 AM.png|width=314,height=174! h3. Screen Recording [^Screen Recording 2022-05-27 at 12.51.04 AM.mov] h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 745955 Bulldog Ref: JSMDC-12594

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

Description

Original: h3. Issue Summary Content is lost, clipped, or obscured when the page is zoomed to 200%. 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.  # Try to zoom the page to 200% using the browser zoom for different browsers. h3. Actual Results Web content failed to reflow when viewed at 200% zoom. This will result in low vision users finding it difficult to access the content when zoomed in. This will result in low vision users finding it difficult to access the content when zoomed in.  h3. Expected Results h3. Screenshot !Screenshot 2022-05-27 at 12.52.03 AM.png|width=314,height=174! h3. Screen Recording [^Screen Recording 2022-05-27 at 12.51.04 AM.mov] h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 745955 Bulldog Ref: JSMDC-12594

New: h3. Issue Summary Content is lost, clipped, or obscured when the page is zoomed to 200%. 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.  # Try to zoom the page to 200% using the browser zoom for different browsers. h3. Actual Results The Object Overview Modal with default force mode/Tree mode graph content fails to reflow when viewed at 200% zoom. The interactive elements and content are not visible on the page and the user is not able to scroll the modal with a mouse and keyboard. This will result in low vision users finding it difficult to access the content when zoomed in. h3. Expected Results Low vision users access content by using the browser's zoom option turned on. Users have a tendency to zoom in up to 200-400%. Content at high zoom levels gets reflowed and text gets enlarged. Content when reflowed should be displayed in a single column. Low vision users find it very helpful to access content displayed in a single column as they do not have to scroll both ways; horizontally and vertically in order to read it.  h3. Screenshot !Screenshot 2022-05-27 at 12.52.03 AM.png|width=314,height=174! h3. Screen Recording [^Screen Recording 2022-05-27 at 12.51.04 AM.mov] h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 745955 Bulldog Ref: JSMDC-12594

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

Description

Original: h3. Issue Summary Content is lost, clipped, or obscured when the page is zoomed to 200%. Element: The following content as -Object overview -Force -Tree -Hide -oracledb-11g-prod -Go to object -Back to filter view -Close Etc....,,,,, Location: Located in "Force" view at the "Object overview" modal Steps to reproduce: 1. Click on the "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. 3. Click on the "Show graph" icon button. 4. Click on the "Force" button. Then the "Object overview" modal will display in the Force view. Note: The same issue applies in the following sections at the modal -Configure link -By clicking any image button in the graph 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 *Fix Information* Fix any of the following:   Element does not have an alt attribute   aria-label attribute does not exist or is empty   aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty   Element has no title attribute   Element's default semantics were not overridden with role="none" or role="presentation" h3. Screenshot !https://axeauditor.dequecloud.com/api/v1/file/0a30751c-6220-11ec-9ab9-3b84589f9030|width=800! h3. Screen Recording {{screen recording}} h3. Workaround {{workaround}} Bug Ref: 745955 Bulldog Ref: JSMDC-12594

New: h3. Issue Summary Content is lost, clipped, or obscured when the page is zoomed to 200%. 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.  # Try to zoom the page to 200% using the browser zoom for different browsers. h3. Actual Results Web content failed to reflow when viewed at 200% zoom. This will result in low vision users finding it difficult to access the content when zoomed in. This will result in low vision users finding it difficult to access the content when zoomed in.  h3. Expected Results h3. Screenshot !Screenshot 2022-05-27 at 12.52.03 AM.png|width=314,height=174! h3. Screen Recording [^Screen Recording 2022-05-27 at 12.51.04 AM.mov] h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 745955 Bulldog Ref: JSMDC-12594

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

Attachment

New: Screenshot 2022-05-27 at 12.52.03 AM.png [ 422121 ]

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

Attachment

New: Screen Recording 2022-05-27 at 12.51.04 AM.mov [ 422120 ]

Load more older events