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

        Activity

          People

            Unassigned Unassigned
            michael-milette Michael Milette
            Huong Nguyen, Bas Brands, Mathew May
            Votes:
            2 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

              Created:
              Updated: