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

Colour contrast issues with striped tables and dimmed text

    XMLWordPrintable

Details

    Description

      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.

      Attachments

        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

        Issue Links

          Activity

            People

              jpataleta Jun Pataleta
              jpataleta Jun Pataleta
              Michael Hawkins Michael Hawkins
              Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
              Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
              Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                13/Sep/21

                Time Tracking

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