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

The <code> colour for TinyMCE is not accessible

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Unresolved
    • Critical
    • None
    • 4.1
    • Accessibility, Themes
    • None
    • MOODLE_401_STABLE

    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

        Activity

          People

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

            Dates

              Created:
              Updated: