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

Moodle 4.0 Activity and Resource icons fail to meet minimum colour contrast requirements

    XMLWordPrintable

Details

    • MOODLE_400_STABLE
    • Hide

      CSS:

      .activityiconcontainer.collaboration

      {     background-color: #d24232; }

      .activityiconcontainer.communication

      {     background-color: #008759; }

      .activityiconcontainer.content

      {     background-color: #007bbf; }

      .activityiconcontainer.assessment

      {     background-color: #c84583; }
      Show
      CSS: .activityiconcontainer.collaboration {     background-color: #d24232; } .activityiconcontainer.communication {     background-color: #008759; } .activityiconcontainer.content {     background-color: #007bbf; } .activityiconcontainer.assessment {     background-color: #c84583; }

    Description

      With the exception of the BigBlueButton icon, most of the activity and resource icons included with Moodle 4.0 fail to meet accessibility guidelines.

      Results of the colour contrast tests as well as some suggestions.

      Suggestion - Set background colour to #d24232

       

      Suggestion - Set background colour to #008759

       

      Suggestion - Set background colour to #007bbf

       

      Suggestion - Set background colour to #c84583

       

      For more information, see:

      https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html

      Let me know if you have any questions.

      Michael Milette

      Attachments

        Issue Links

          Activity

            People

              Unassigned Unassigned
              michael-milette Michael Milette
              Votes:
              5 Vote for this issue
              Watchers:
              13 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Clockify

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