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

Text within code blocks in the Tiny editor can have poor contrast

XMLWordPrintable

    • MOODLE_404_STABLE, MOODLE_405_STABLE

      When inserting/editing a code sample in Tiny, the text within the code blocks can have a poor colour contrast against the greyish background.

      To reproduce:

      1. Restore the example course backup CodeExamplesBackup.mbz.
      2. Go to the restored course, turn the editing mode on and edit the settings for the "Code examples in different languages".
      3. You should see the code blocks displayed on the Tiny editor.
      4. Run axe DevTools on the page.
      5. Expected: There are no errors related to colour contrast.
      6. Actual: There's a bunch of errors related to colour contrast.

        1. CodeExamplesBackup.mbz
          6 kB
          Jun Pataleta
        2. image-2024-11-07-10-10-27-405.png
          114 kB
          Brett Dalton
        3. image-2024-11-07-10-10-52-292.png
          129 kB
          Brett Dalton

            Unassigned Unassigned
            jpataleta Jun Pataleta
            Votes:
            0 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:

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