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

Insufficient colour contrast for calendar event colour indicators

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      Prerequisites
      1. WAVE or axe browser extension.
      Setup
      1. Log in as an admin
      2. Create a course C1 with groups
      3. Assign a user m1 as a manager in the system context.
      4. Enrol m1 to C1 as a manager
      5. Log in as m1.
      6. Go to the calendar.
      7. Create an event for each type on the same date: Site, Category, Course, Group, and User.
      Test - Monthly view
      1. Make sure the calendar's on the monthly view.
      2. Check the indicators of the events in the main monthly view of the calendar.
      3. Confirm that the events indicators now have a 2px border that has good contrast against the white table cell background.
      4. Run the WAVE or axe tool.
      5. Confirm that you don't get any colour contrast errors related to
        1. the calendar events in the main calendar.
        2. the "Events key" section.
        3. the mini calendars in the "Monthly view" section.
      Test - Day view
      1. Click on the date link containing these events to open the day view of the calendar.
      2. Run the WAVE or axe tool.
      3. Confirm that you don't get any colour contrast errors related to
        1. the list of events in the day view.
        2. the "Events key" section.
        3. the mini calendars in the "Monthly view" section.
      Show
      Prerequisites WAVE or axe browser extension. Setup Log in as an admin Create a course C1 with groups Assign a user m1 as a manager in the system context. Enrol m1 to C1 as a manager Log in as m1. Go to the calendar. Create an event for each type on the same date: Site, Category, Course, Group, and User. Test - Monthly view Make sure the calendar's on the monthly view. Check the indicators of the events in the main monthly view of the calendar. Confirm that the events indicators now have a 2px border that has good contrast against the white table cell background. Run the WAVE or axe tool. Confirm that you don't get any colour contrast errors related to the calendar events in the main calendar. the " Events key " section. the mini calendars in the " Monthly view " section. Test - Day view Click on the date link containing these events to open the day view of the calendar. Run the WAVE or axe tool. Confirm that you don't get any colour contrast errors related to the list of events in the day view. the " Events key " section. the mini calendars in the " Monthly view " section.
    • Affected Branches:
      MOODLE_38_STABLE
    • Fixed Branches:
      MOODLE_38_STABLE, MOODLE_39_STABLE
    • Pull 3.8 Branch:
    • Pull 3.9 Branch:
    • Pull 3.10 Branch:
      MDL-69394-310
    • Pull Master Branch:
      MDL-69394-master
    • Story Points:
      0
    • Sprint:
      International 4.0 - Sprint 4, International 4.0 - Sprint 5

      Description

      The calendar event colour indicators don't have sufficient colour contrast.

      Event type Colour Ratio (white BG) Ratio (as BG vs blue text)
      User #dce7ec 1.25 3.64
      Group #fee7ae 1.21 3.76
      Course #ffd3bd 1.37 3.33
      Category #d8bfd8 1.69 2.69
      Site #d6f8cd 1.15 3.96

        Attachments

        1. after-patch.png
          after-patch.png
          102 kB
        2. before-patch.png
          before-patch.png
          94 kB
        3. MDL-69394.jpg
          MDL-69394.jpg
          60 kB
        4. screenshot-1.png
          screenshot-1.png
          74 kB

          Activity

            People

            Assignee:
            jpataleta Jun Pataleta
            Reporter:
            jpataleta Jun Pataleta
            Peer reviewer:
            Simey Lameze
            Integrator:
            Sara Arjona (@sarjona)
            Tester:
            Anna Carissa Sadia
            Participants:
            Component watchers:
            Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
            Votes:
            1 Vote for this issue
            Watchers:
            6 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Fix Release Date:
              14/Sep/20

                Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 6 hours, 30 minutes
                1d 6h 30m