Uploaded image for project: 'Moodle Community Sites'
  1. Moodle Community Sites
  2. MDLSITE-6029

MoodleDocs's and Moodle.org's link-to-body-text contrast ratio must be increased



    • Type: Improvement
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Component/s: docs.moodle.org, moodle.org
    • Labels:


      This issue concerns colors used in "Moodle.org forums" and "MoodleDocs".


      Colour (color) blindness (colour vision deficiency, or CVD) affects approximately 1 in 12 men (8%) and 1 in 200 women in the world. In Britain this means that there are approximately 3 million colour blind people (about 4.5% of the entire population), most of whom are male. Worldwide, there are approximately 300 million people with colour blindness, almost the same number of people as the entire population of the USA!

      My friend is one of them and he barely sees the links in Moodle.org forums and MoodleDocs. Can you do something about this?

      Body-text-to-background contrast ratio

      With a #595959 body text color on a #FFFFFF background color, MoodleDocs's and Moodle.org's body-text-to-background contrast ratio is 7:1, at the lower end of WCAG's 7:1 requirement. In comparison, Google's body-text-to-background contrast ratio (#3C4043/#ffffff) is 10.46:1, that of Wikipedia (#222222/#ffffff) is 15.9:1 and that of w3.org (#000000/#ffffff) is 21:1 (the maximum possible). That of this Tracker (#172B4D) is 14.1:1 (well done!)

      Link-to-body-text contrast ratio

      With a #0070AB color for links which are not underlined and a #595959 text color, MoodleDocs's and Moodle.org's link-to-body-text contrast ratio is 1.29:1 (VERY LOW!), which does not meet WCAG's 3:1 requirement. In comparison, Wikipedia's link-to-body-text contrast ratio ( #0645AD/#222222) is 2.32 and that of Google (#1A73E8/#3C4043) is 2.32. W3.org uses underlined links. That of this Tracker (#0052CC/#172B4D) is 2.06 (Attaboy!)


      My recommendations are that the WCAG requirements be met:

      • Although the body-text-to-background contrast ratio just meets WCAG's requirement, Moodle could darken its text a bit. This will also facilitate the increase of the link-to-body-text contrast ratio.
      • If the text color is maintained at #595959, the links must be underlined or the color changed so that the link-to-body-text contrast ratio reaches 3:1, for example to #A3A3FF or #1FB4FF.





            • Assignee:
              dbauer-ets Dominique Bauer
              Component watchers:
              Helen Foster, Helen Foster
            • Votes:
              0 Vote for this issue
              2 Start watching this issue


              • Created: