Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-84817

Reflow issue on the messaging drawer on 400% zoom

XMLWordPrintable

    • 2
    • Team Hedgehogs 2025 Sprint 1.3, Team Hedgehogs 2025 Sprint 1.4, Team Hedgehogs 2025 Sprint 2.0

      From the audit results:

      Overlapping when zoomed to 400%

      When zoomed to 400%, the "See all" link in the Messaging Drawer is not available as it overflows its container.

      Impact on users:

      • Users with low vision often zoom in on content so that they can read/use the content. 400% zoom is equivalent to the average mobile phone screen size, affecting mobile users.

      Guidelines affected:

      • SC 1.4.10 Reflow (AA)

      Recommendation:

      • Ensure when the browser is zoomed to 400% that it reflows into a single column with breaking content.

        1. Fig. 0.03.png
          Fig. 0.03.png
          89 kB
        2. overflow-issues-before-patch-480.mp4
          163 kB
        3. patch-fixes-spacing-and-overflow-480.mp4
          193 kB

            david.woloszyn@moodle.com David Woloszyn
            jpataleta Jun Pataleta
            Raquel Ortega Raquel Ortega
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 hours, 49 minutes
                2h 49m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.