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

Insufficient colour contrast of the icon on notification message on hover or focus

XMLWordPrintable

    • MOODLE_401_STABLE, MOODLE_402_STABLE, MOODLE_403_STABLE
    • MOODLE_402_STABLE, MOODLE_403_STABLE
    • MDL-80364-403
    • Hide
      1. Login as admin
      2. Navigate to Users > Privacy and policies > Privacy settings in site administration
      3. Enable Contact the privacy officer and save changes
      4. Create a new user
      5. Log out
      6. Log in as new user
      7. Navigate to profile
      8. Press Contact the privacy officer and complete/submit the form
      9. Log out
      10. Login as admin
      11. Navigate to the Notifications page (http://yoursite/message/output/popup/notifications.php)
      12. Select one notification
      13. Scan the page using the Axe Accessibility Tool
      14. Confirm there's no accessibility issue regarding color contrast on the selected notification element
      Show
      Login as admin Navigate to Users > Privacy and policies > Privacy settings in site administration Enable Contact the privacy officer and save changes Create a new user Log out Log in as new user Navigate to profile Press Contact the privacy officer and complete/submit the form Log out Login as admin Navigate to the Notifications page ( http://yoursite/message/output/popup/notifications.php) Select one notification Scan the page using the Axe Accessibility Tool Confirm  there's no accessibility issue regarding color contrast on the selected notification element
    • WP Sprint 2024-I1.2 (Clones)

      This issue was detected during accessibility audit on learner-facing pages in Workplace performed in August-September 2023 by AbleDocs.

      gray #888888 on blue #0F6CBF has insufficient color contrast

      If this is a core MDL issue, we can move the issue later

        1. notification_contrast.png
          notification_contrast.png
          2 kB
        2. moodle_lms_notification_message_fontawesome_icon.png
          moodle_lms_notification_message_fontawesome_icon.png
          233 kB
        3. moodle_lms_notification_message_color_contrast_issue.png
          moodle_lms_notification_message_color_contrast_issue.png
          506 kB
        4. image_as_icon_2.png
          image_as_icon_2.png
          284 kB
        5. image_as_icon_1.png
          image_as_icon_1.png
          221 kB
        6. color_contrast_issue.png
          color_contrast_issue.png
          204 kB
        7. aria_issue_2.png
          aria_issue_2.png
          193 kB
        8. aria_issue_1.png
          aria_issue_1.png
          203 kB
        9. (1) 14 Passed -- (Main)MDL-80364.png
          (1) 14 Passed -- (Main)MDL-80364.png
          104 kB

            pedro.jordao@moodle.com Pedro Jordao
            marina Marina Glancy
            Paul Holden Paul Holden
            Huong Nguyen Huong Nguyen
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            16 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 5 hours, 55 minutes
                5h 55m

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