Public bug reported:

There appears to be a <code> tag used throughout Mahara which has styling that 
is failing contrast checks.
When inspecting an element inside of <code> tags, the styling is as follows:
code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word;
}

The colour values are failing the colour contrast for normal text in
this tool found here: https://webaim.org/resources/contrastchecker/

The <code> tag features in these places:
Admin menu -> Configure site -> Site options -> Security settings help text for:
pathtoclam, 
pathtofile,
remoteavatars,
viruschecking

Admin menu -> Extensions -> Plugin administration -> Elasticsearch help text:
affecting 11 files (all of the help text files)

The styling of the <code> will need to be either updated, or perhaps
discarded in favour of a different element and class instead.

** Affects: mahara
     Importance: Undecided
         Status: New


** Tags: accessibility

** Attachment added: "site-options-security-settings-pathtoclamav.png"
   
https://bugs.launchpad.net/bugs/1885046/+attachment/5386906/+files/site-options-security-settings-pathtoclamav.png

-- 
You received this bug notification because you are a member of Mahara
Contributors, which is subscribed to Mahara.
Matching subscriptions: Subscription for all Mahara Contributors -- please ask 
on #mahara-dev or mahara.org forum before editing or unsubscribing it!
https://bugs.launchpad.net/bugs/1885046

Title:
  Theme colour contrast fails for <code> tag

Status in Mahara:
  New

Bug description:
  There appears to be a <code> tag used throughout Mahara which has styling 
that is failing contrast checks.
  When inspecting an element inside of <code> tags, the styling is as follows:
  code {
      font-size: 87.5%;
      color: #e83e8c;
      word-break: break-word;
  }

  The colour values are failing the colour contrast for normal text in
  this tool found here: https://webaim.org/resources/contrastchecker/

  The <code> tag features in these places:
  Admin menu -> Configure site -> Site options -> Security settings help text 
for:
  pathtoclam, 
  pathtofile,
  remoteavatars,
  viruschecking

  Admin menu -> Extensions -> Plugin administration -> Elasticsearch help text:
  affecting 11 files (all of the help text files)

  The styling of the <code> will need to be either updated, or perhaps
  discarded in favour of a different element and class instead.

To manage notifications about this bug go to:
https://bugs.launchpad.net/mahara/+bug/1885046/+subscriptions

_______________________________________________
Mailing list: https://launchpad.net/~mahara-contributors
Post to     : mahara-contributors@lists.launchpad.net
Unsubscribe : https://launchpad.net/~mahara-contributors
More help   : https://help.launchpad.net/ListHelp

Reply via email to