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

No screen reader feedback for adding or deleting items on course homepage

XMLWordPrintable

    • MOODLE_405_STABLE, MOODLE_500_STABLE
    • MOODLE_405_STABLE, MOODLE_500_STABLE
    • MDL-85412-405
    • MDL-85412-500
    • MDL-85412-main
    • Hide

      Setup scenario

      The SRLogger class was extensively tested in MDL-79061, so we only need to test the action change the SR Logger content. The easiest way is to make the element visible:

      1. Login as admin and go to "Site administration > appearance > Themes"
      2. Ensure you are using Boost.
      3. Edit the Boost theme settings with the cog icon.
      4. Go to the "Advanced settings" tab
      5. In the "Raw SCSS" paste this code: 
        #sr-logger-feedback-container {background-color: lightyellow;  position: fixed !important;right: 0;left: 0;bottom: 0;z-index: 1030; width: initial !important;height: initial !important;padding: 2rem !important; margin: initial !important;overflow: initial !important;clip: auto !important;white-space: initial !important;border: solid orange 5px !important}
      1. Ensure you have the debug mode on. Using mdk you can execute "mdk run mindev.php" or go to "Site administration > development > debuggon" and set debug messages to DEVELOPER.
      2. Create a course
      3. In 4.5 navigate to Site administration > Plugins > Manage activities and enable Subsections

      Test 1:  Add a section test

      1. Log in as admin, and go to the course page with edit mode on.
      2. Add a new section
      3. Confirm a yellow bottom bar appears on the page with 'Section added' message.. This is the log message bar.

        You need to stay alert during this step because the log message lasts only four seconds.
      4. Wait 5 seconds and confirm the log message bar is now empty.

      Test 2:  Add a subsection test

      1. Add a new subsection
      2. Confirm a yellow bottom bar appears on the page with 'Subsection added' message. You need to stay alert during this step because the log message lasts only four seconds
      3. Wait 5 seconds and confirm the log message bar is now empty.

      Test 3:  Remove a subsection test

      1. Rename  'New subsection' to 'Testing subsection'
      2. Delete 'Testing subsection'
      3. Confirm a yellow bottom bar appears on the page with 'Testing subsection deleted' message. You need to stay alert during this step because the log message lasts only four seconds
      4. Wait 5 seconds and confirm the log message bar is now empty.

      Test 4:  Remove a section test

      1. Rename  one of the sections to 'Testing section'
      2. Delete 'Testing section'
      3. Confirm a yellow bottom bar appears on the page with 'Course section Testing section deleted' message. You need to stay alert during this step because the log message lasts only four seconds
      4. Wait 5 seconds and confirm the log message bar is now empty.

      Test 4:  Remove a module test

      1. Create a page with 'Testing module' name
      2. Delete 'Testing module'
      3. Confirm a yellow bottom bar appears on the page with 'Testing module deleted' message. You need to stay alert during this step because the log message lasts only four seconds
      4. Wait 5 seconds and confirm the log message bar is now empty.
      Show
      Setup scenario The SRLogger class was extensively tested in  MDL-79061 , so we only need to test the action change the SR Logger content. The easiest way is to make the element visible: Login as admin and go to "Site administration > appearance > Themes" Ensure you are using Boost. Edit the Boost theme settings with the cog icon. Go to the "Advanced settings" tab In the "Raw SCSS" paste this code:  #sr-logger-feedback-container {background-color: lightyellow;  position: fixed !important;right: 0;left: 0;bottom: 0;z-index: 1030; width: initial !important;height: initial !important;padding: 2rem !important; margin: initial !important;overflow: initial !important;clip: auto !important;white-space: initial !important;border: solid orange 5px !important} Ensure you have the debug mode on. Using mdk you can execute "mdk run mindev.php" or go to "Site administration > development > debuggon" and set debug messages to DEVELOPER. Create a course In 4.5 navigate to Site administration > Plugins > Manage activities and enable Subsections Test 1:  Add a section test Log in as admin, and go to the course page with edit mode on. Add a new section Confirm a yellow bottom bar appears on the page with 'Section added' message.. This is the log message bar. You need to stay alert during this step because the log message lasts only four seconds. Wait 5 seconds and confirm the log message bar is now empty. Test 2:  Add a subsection test Add a new subsection Confirm a yellow bottom bar appears on the page with 'Subsection added' message. You need to stay alert during this step because the log message lasts only four seconds Wait 5 seconds and confirm the log message bar is now empty. Test 3:  Remove a subsection test Rename  'New subsection' to 'Testing subsection' Delete 'Testing subsection' Confirm a yellow bottom bar appears on the page with 'Testing subsection deleted' message. You need to stay alert during this step because the log message lasts only four seconds Wait 5 seconds and confirm the log message bar is now empty. Test 4:  Remove a section test Rename  one of the sections to 'Testing section' Delete 'Testing section' Confirm a yellow bottom bar appears on the page with 'Course section Testing section deleted' message. You need to stay alert during this step because the log message lasts only four seconds Wait 5 seconds and confirm the log message bar is now empty. Test 4:  Remove a module test Create a page with 'Testing module' name Delete 'Testing module' Confirm a yellow bottom bar appears on the page with 'Testing module deleted' message. You need to stay alert during this step because the log message lasts only four seconds Wait 5 seconds and confirm the log message bar is now empty.
    • Hide

      Code verified against automated checks.

      Checked MDL-85412 using repository: https://github.com/aanabit/moodle.git

      More information about this report

      Built on: Thu May 15 09:29:31 UTC 2025

      Show
      Code verified against automated checks. Checked MDL-85412 using repository: https://github.com/aanabit/moodle.git MOODLE_405_STABLE (0 errors / 0 warnings) [branch: MDL-85412-405 | CI Job ] MOODLE_500_STABLE (0 errors / 0 warnings) [branch: MDL-85412-500 | CI Job ] main (0 errors / 0 warnings) [branch: MDL-85412-main | CI Job ] More information about this report Built on: Thu May 15 09:29:31 UTC 2025
    • Hide

      Launching automatic jobs for branch MDL-85412-405

      Launching automatic jobs for branch MDL-85412-500

      Launching automatic jobs for branch MDL-85412-main

      Built on: Fri May 30 15:18:57 UTC 2025

      Show
      Launching automatic jobs for branch MDL-85412 -405 https://ci.moodle.org/view/Testing/job/DEV.02%20-%20Developer-requested%20PHPUnit/19555/ PHPUnit (sqlsrv / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/66855/ Behat (NonJS - boost and classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/66856/ Behat (Firefox - boost / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/66857/ Behat (Firefox - classic / complete) Launching automatic jobs for branch MDL-85412 -500 https://ci.moodle.org/view/Testing/job/DEV.02%20-%20Developer-requested%20PHPUnit/19556/ PHPUnit (sqlsrv / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/66858/ Behat (NonJS - boost and classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/66859/ Behat (Firefox - boost / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/66860/ Behat (Firefox - classic / complete) Launching automatic jobs for branch MDL-85412 -main https://ci.moodle.org/view/Testing/job/DEV.02%20-%20Developer-requested%20PHPUnit/19557/ PHPUnit (sqlsrv / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/66861/ Behat (NonJS - boost and classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/66862/ Behat (Firefox - boost / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/66863/ Behat (Firefox - classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/66864/ App tests (stable app version) / complete) Built on: Fri May 30 15:18:57 UTC 2025
    • 2
    • HQ 2025 Sprint I2.1 Moppies

      From the audit:

      When an item is added or deleted, the result is displayed on the screen. However, assistive technology does not relay this error to the user.

      This affects:

      • Adding/deleting sections
      • Deleting course modules

      Guidelines affected:

      • SC 4.1.3 Status Messages (AA)

      Notes:

      • We can probably use a similar approach by using the srlogger JS module, which was also used in MDL-84833.
      • We need to check other activity/section actions run through AJAX that might also be affected.

            amaia Amaia Anabitarte
            jpataleta Jun Pataleta
            Carlos Escobedo Carlos Escobedo
            Laurent David Laurent David
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 hour, 52 minutes
                1h 52m

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