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

Insufficient colour contrast in warning messages in environment check

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      Prerequisite
      1. Site that is on HTTP and not HTTPS.
      2. axe DevTools
      Test
      1. Log in as admin.
      2. Go to Site administration / Server / Environment
      3. Check that you see the message on the "site not https"
      4. Test the page with axe.
      5. Confirm that you don't see any colour contrast errors on the page.
      6. Right click on the message "It has been detected that your site is not secured using HTTPS..." press Inspect. Edit the class attribute of the <p> tag containing the message and change it to "ok". You'll see that the message will change to green with light green background.
      7. Run axe again.
      8. Confirm that you don't see any colour contrast errors on the page.
      9. Change the class of the <p> tag containing the message to "error". The text will turn red with a light pinkish background.
      10. Run axe again.
      11. Confirm that you don't see any colour contrast errors on the page.
      Show
      Prerequisite Site that is on HTTP and not HTTPS. axe DevTools Test Log in as admin. Go to Site administration / Server / Environment Check that you see the message on the " site not https " Test the page with axe. Confirm that you don't see any colour contrast errors on the page. Right click on the message " It has been detected that your site is not secured using HTTPS... " press Inspect. Edit the class attribute of the <p> tag containing the message and change it to "ok". You'll see that the message will change to green with light green background. Run axe again. Confirm that you don't see any colour contrast errors on the page. Change the class of the <p> tag containing the message to "error". The text will turn red with a light pinkish background. Run axe again. Confirm that you don't see any colour contrast errors on the page.
    • Affected Branches:
      MOODLE_310_STABLE, MOODLE_311_STABLE, MOODLE_400_STABLE
    • Fixed Branches:
      MOODLE_310_STABLE, MOODLE_311_STABLE
    • Pull 3.10 Branch:
      MDL-72206-310
    • Pull 3.11 Branch:
      MDL-72206-311
    • Pull Master Branch:
      MDL-72206-master

      Description

      Warnings in the environment check don't have sufficient colour contrast.

        Attachments

        1. after-fix.png
          47 kB
          Jun Pataleta
        2. environment_fixed.png
          90 kB
          Eloy Lafuente (stronk7)
        3. environment.png
          88 kB
          Eloy Lafuente (stronk7)
        4. image-2021-07-23-15-39-43-142.png
          46 kB
          Huong Nguyen
        5. screenshot-1.png
          47 kB
          Jun Pataleta

          Activity

            People

            Assignee:
            jpataleta Jun Pataleta
            Reporter:
            jpataleta Jun Pataleta
            Peer reviewer:
            Huong Nguyen Huong Nguyen
            Integrator:
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Tester:
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Participants:
            Component watchers:
            Andrew Lyons, Dongsheng Cai, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Fix Release Date:
              13/Sep/21

                Time Tracking

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