Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-2495

Insufficient text contrast on hidden course modules

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 3.5.1
    • Fix Version/s: 3.5.2
    • Component/s: Accessibility
    • Labels:
    • Sprint:
      Moodle Mobile 3.5.2

      Description

      When a course module is visible to the user but hidden from students, it has the .item-dimmed class applies.  I tested the contrast of the text on the background colour against WCAG using Colour Contrast Analyser, and it failed:

      Foreground:#818181
      Background:#F8F8F8
       
      The contrast ratio is: 3.7:1
       
      Text failed at Level AA
      Text failed at Level AAA
      Large text passed at Level AA
      Large text failed at Level AAA
      

      .item-dimmed currently sets opacity to 0.6. Raising this to 0.7 passes AA, and 0.85 passes AAA.

        Attachments

          Activity

            People

            Assignee:
            pferre22 Pau Ferrer
            Reporter:
            marxjohnson Mark Johnson
            Peer reviewer:
            Dani Palou
            Integrator:
            Juan Leyva
            Tester:
            Berta Maroto
            Participants:
            Component watchers:
            Votes:
            1 Vote for this issue
            Watchers:
            5 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Fix Release Date:
              10/Sep/18

                Time Tracking

                Estimated:
                Original Estimate - 3 hours
                3h
                Remaining:
                0m
                Logged:
                Time Not Required
                Not Specified