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

The <code> colour for TinyMCE is not accessible

    XMLWordPrintable

Details

    • MOODLE_401_STABLE
    • Moppies PB candidates

    Description

      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).

      Attachments

        Issue Links

          Activity

            People

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

              Dates

                Created:
                Updated:

                Clockify

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