Issue Summary

      When the user view the page after zooming in 150%, the "Scenarios" option in sidebar navigation is not available for the user.

      Steps to Reproduce

      1. Open any plan.
      2. Navigate to the "Setting icon" button present beside the plan name and activate it.
      3. Observe the list of option appears.
      4. Select the "Configure" option and observe the "Test plan - Advanced Roadmaps - Create and track feature requests for Atlassian products." page appears.
      5. Now zoom the page upto 200% and observe the mentioned content is not available.

      Screen Recording

      Screen Recording 2024-05-13 at 3.57.00 PM.mov

      Test plan - Advanced Roadmaps - InstEnv Jira - Google Chrome 2024-05-14 10-54-47.mp4

      Actual Results

      When low vision users view the page after zooming in to 150%, the interactive content present in the side bar such as "Scenario" becomes unavailable. Also the scroll bar is missing for the sidebar menu.

      As a result, this made it difficult for low vision users to access the page content and functionality.

      Expected Results

      The page content and functionality should be available even when the page is zoomed upto 200%. Also make sure that alternate way to view/navigate to the option such as the scroll bar is available for the side menu bar. 

       Use relative units to define font and container sizes in CSS to ensure that page's content reflows correctly when zoomed in. Flexible layouts should be used to display the page content. Dimensions for container elements used to display the page content should be defined using relative units, such as "%", "em", "rem" etc. to ensure that the content fits on the page when zoomed in.

      Workaround

      Currently there is no known workaround for this behaviour. 

      Environment

      MacBook Pro (16-inch, 2021)
      macOS 14.4.1 (23E224)
      Chrome - Version 121.0.6167.184
      Firefox- Version 122.0.1 (64-bit)
      Safari- Version 16.5.2 (18615.2.9.11.10)
      JAWS- Version 2024
      NVDA- Version 2023.3
      Voiceover - Version Latest

            [JSWSERVER-26180] Scenarios : Content not available with browser zoom

            There are no comments yet on this issue.

              96eee84c9242 Sanyam Singh
              95e9b38d4b81 Prathmesh Yadav (Inactive)
              Affected customers:
              0 This affects my team
              Watchers:
              4 Start watching this issue

                Created:
                Updated: