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. sample-striped-table.png
          sample-striped-table.png
          50 kB
        2. after patch.png
          after patch.png
          60 kB
        3. patched-v2.png
          patched-v2.png
          47 kB
        4. test_before.png
          test_before.png
          108 kB
        5. test_after.png
          test_after.png
          87 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)
              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