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

Insufficient colour contrast in warning messages in environment check

    XMLWordPrintable

Details

    • MOODLE_310_STABLE, MOODLE_311_STABLE, MOODLE_400_STABLE
    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MDL-72206-master
    • 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.

    Description

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

      Attachments

        1. after-fix.png
          after-fix.png
          47 kB
        2. environment_fixed.png
          environment_fixed.png
          90 kB
        3. environment.png
          environment.png
          88 kB
        4. image-2021-07-23-15-39-43-142.png
          image-2021-07-23-15-39-43-142.png
          46 kB
        5. screenshot-1.png
          screenshot-1.png
          47 kB

        Activity

          People

            jpataleta Jun Pataleta
            jpataleta Jun Pataleta
            Huong Nguyen Huong Nguyen
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Time Tracking

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

                Clockify

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