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

Insufficient text contrast on hidden course modules

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • 3.5.2
    • 3.5.1
    • Accessibility
    • Moodle Mobile 3.5.2

      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.

            pferre22 Pau Ferrer
            marxjohnson Mark Johnson
            Dani Palou Dani Palou
            Juan Leyva Juan Leyva
            Berta Maroto Berta Maroto
            Votes:
            1 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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