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

The <code> colour for TinyMCE is not accessible

XMLWordPrintable

    • MOODLE_401_STABLE
    • Moppies PB candidates

      When you want to display text in TinyMCE as <code> format the pink colour (#E83E8C) is not accessible against a white background: https://webaim.org/resources/contrastchecker/?fcolor=E83E8C&bcolor=FFFFFF

      This relates to the Moodle Academy Intro to Accessibility course page: https://moodle.academy/mod/book/view.php?id=1071&chapterid=1130

       

      To replicate:

      1. Go to the 'out of the box' Moodle 4.1 demo site.
      2. Log in as a teacher.
      3. Set the default editor to the new TinyMCE in the User preferences.
      4. Go to some text on any page and edit it.
      5. Select some text and choose Format > <code>.{}
      6. The text appears pink with a background colour in the text editor.
      7. Click Save.
      8. On the page the background colour disappears and the font colour is the inaccessible pink (#E83E8C).

            Unassigned Unassigned
            jgramp-moodle Jessica Gramp
            Votes:
            4 Vote for this issue
            Watchers:
            8 Start watching this issue

              Created:
              Updated:

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