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

Colour contrast issues with striped tables and dimmed text

XMLWordPrintable

    • MOODLE_310_STABLE, MOODLE_311_STABLE, MOODLE_39_STABLE, MOODLE_400_STABLE
    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MDL-71385-master-3
    • Hide

      Test on Boost and Classic themes

      1. Log in as an admin
      2. Go to Site administration / Plugins / Enrolments /Manage enrol plugins
      3. Run axe DevTools or WAVE
      4. Confirm that there are no colour contrast issues on the page, especially on the table.
      Show
      Test on Boost and Classic themes Log in as an admin Go to Site administration / Plugins / Enrolments /Manage enrol plugins Run axe DevTools or WAVE Confirm that there are no colour contrast issues on the page, especially on the table.

      When text-muted or dimmed_text class is applied to a text in a striped table, the colour contrast ratio between the greyed-background rows with the dimmed text is 4.19:1 which breaks WCAG 2.1 Level AA requirement.

      Either we darken the .text-muted and .dimmed_text classes or lighten the background of the striped table or both to achieve the required 4.5:1 contrast ratio.

        1. after patch.png
          after patch.png
          60 kB
        2. patched-v2.png
          patched-v2.png
          47 kB
        3. sample-striped-table.png
          sample-striped-table.png
          50 kB
        4. test_after.png
          test_after.png
          87 kB
        5. test_before.png
          test_before.png
          108 kB

            jpataleta Jun Pataleta
            jpataleta Jun Pataleta
            Michael Hawkins Michael Hawkins
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 6 hours, 30 minutes
                6h 30m

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