Loading...

XML

Word

Printable

Type: Bug
Resolution: Fixed
Priority: Minor
Fix Version/s: 4.5.5, 5.0.1
Affects Version/s: 4.4.7
Component/s: Accessibility, Messages
Labels:

Affected Branches:
MOODLE_404_STABLE
Fixed Branches:
MOODLE_405_STABLE, MOODLE_500_STABLE
Epic Link:
2025-1 Moodle Accessibility Audit
Pull from Repository:
https://github.com/davewoloszyn/moodle.git
Pull 4.5 Branch:
~~MDL-84817~~-405
Pull 4.5 Diff URL:
https://github.com/davewoloszyn/moodle/compare/a57387fe2d...MDL-84817-405
Pull 5.0 Branch:
~~MDL-84817~~-500
Pull 5.0 Diff URL:
https://github.com/davewoloszyn/moodle/compare/69b36a36b4...MDL-84817-500
Pull Main Branch:
~~MDL-84817~~-main
Pull Main Diff URL:
https://github.com/davewoloszyn/moodle/compare/15b534da3e...MDL-84817-main
Testing Instructions:
Hide

Main testing ('See all' link)

Log in to Moodle

Open the message drawer

Zoom in 400%

CONFIRM that the 'See all' link is still visible and can be clicked.

Secondary testing (users in list)

Add some contacts to the message drawer so that you have a couple in the 'Starred' category and a couple in the 'Private' category.

Again, zoom in 400%

Open each collapsible category

CONFIRM you can scroll and see each person inside the category
Show
Main testing ('See all' link) Log in to Moodle Open the message drawer Zoom in 400% CONFIRM that the 'See all' link is still visible and can be clicked. Secondary testing (users in list) Add some contacts to the message drawer so that you have a couple in the 'Starred' category and a couple in the 'Private' category. Again, zoom in 400% Open each collapsible category CONFIRM you can scroll and see each person inside the category
Pre-check results:
Hide

Code verified against automated checks.

Checked ~~MDL-84817~~ using repository: https://github.com/davewoloszyn/moodle.git

MOODLE_404_STABLE (0 errors / 0 warnings) [branch: MDL-84817-404 | CI Job]

MOODLE_405_STABLE (0 errors / 0 warnings) [branch: MDL-84817-405 | CI Job]

main (0 errors / 0 warnings) [branch: MDL-84817-main | CI Job]

_{More information about this report}

Built on: Thu Mar 20 00:58:58 UTC 2025
Show
Code verified against automated checks. Checked MDL-84817 using repository: https://github.com/davewoloszyn/moodle.git MOODLE_404_STABLE (0 errors / 0 warnings) [branch: MDL-84817-404 | CI Job ] MOODLE_405_STABLE (0 errors / 0 warnings) [branch: MDL-84817-405 | CI Job ] main (0 errors / 0 warnings) [branch: MDL-84817-main | CI Job ] More information about this report Built on: Thu Mar 20 00:58:58 UTC 2025
Automated test results:
Hide

Launching automatic jobs for branch ~~MDL-84817~~-404

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63603/ Behat (NonJS - boost and classic / complete)

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63604/ Behat (Firefox - boost / complete)

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63605/ Behat (Firefox - classic / complete)

Launching automatic jobs for branch ~~MDL-84817~~-405

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63606/ Behat (NonJS - boost and classic / complete)

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63607/ Behat (Firefox - boost / complete)

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63608/ Behat (Firefox - classic / complete)

Launching automatic jobs for branch ~~MDL-84817~~-main

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63609/ Behat (NonJS - boost and classic / complete)

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63610/ Behat (Firefox - boost / complete)

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63611/ Behat (Firefox - classic / complete)

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63612/ App tests (stable app version) / complete)

Built on: Thu Mar 13 02:59:05 UTC 2025
Show
Launching automatic jobs for branch MDL-84817 -404 https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63603/ Behat (NonJS - boost and classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63604/ Behat (Firefox - boost / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63605/ Behat (Firefox - classic / complete) Launching automatic jobs for branch MDL-84817 -405 https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63606/ Behat (NonJS - boost and classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63607/ Behat (Firefox - boost / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63608/ Behat (Firefox - classic / complete) Launching automatic jobs for branch MDL-84817 -main https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63609/ Behat (NonJS - boost and classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63610/ Behat (Firefox - boost / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63611/ Behat (Firefox - classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/63612/ App tests (stable app version) / complete) Built on: Thu Mar 13 02:59:05 UTC 2025

Story Points:
2
Sprint:
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.

- - Sort By Name
  - Sort By Date
  - Ascending
  - Descending
  - Thumbnails
  - List
  - Download All

Fig. 0.03.png
12/Mar/25 9:51 AM
89 kB
Jun Pataleta
overflow-issues-before-patch-480.mp4
13/Mar/25 10:19 AM
163 kB
David Woloszyn
patch-fixes-spacing-and-overflow-480.mp4
13/Mar/25 10:19 AM
193 kB
David Woloszyn
MDL-84817.png
14/May/25 9:15 AM
635 kB
Ron Carl Alfon Yu

Testing discovered

MDL-85457 Message index page elements are cut off at 400% zoom

Open

Assignee:: David Woloszyn

Reporter:: Jun Pataleta

Peer reviewer:: Raquel Ortega

Integrator:: Jun Pataleta

Tester:: Ron Carl Alfon Yu

Participants:: CiBoT, David Woloszyn, Jun Pataleta, Raquel Ortega, Ron Carl Alfon Yu

Votes:: 0 Vote for this issue

Watchers:: 5 Start watching this issue

Created:: 12/Mar/25 9:49 AM

Updated:: 06/Jun/25 4:30 PM

Resolved:: 16/May/25 1:44 PM

Estimated:

Remaining:

Logged:

5h 24m

Details

Main testing ('See all' link)

Secondary testing (users in list)

Description

Attachments

Attachments

Issue Links

Activity

People

Dates

Time Tracking

Clockify