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

Contrast of colours for success, info, error and warnings text is not accessible

XMLWordPrintable

    • MOODLE_37_STABLE, MOODLE_38_STABLE, MOODLE_39_STABLE
    • MOODLE_37_STABLE, MOODLE_38_STABLE
    • MDL-64494-master
    • Hide

      Download the Moodle Component library plugin from https://github.com/bmbrands/moodle-tool_componentlibrary

      1. Login as admin
      2. Install the component library plugin
      3. Navigate to System Administration > Themes
      4. Check the option "Allow theme changes in the URL"
      5. Navigate to System Administration > Development > UI Component library
      6. In the Component Library go to Moodle 3.9 > Accessibility > Contrast
      7. Check the contrast labels on the "Theme Buttons" Section
      8. Verify all checks are green (value above 4.50:1)
      9. Click the theme selector in the top navbar
      10. Select "Classic"
      11. Verify all again checks are green (value above 4.50:1)
      Show
      Download the Moodle Component library plugin from https://github.com/bmbrands/moodle-tool_componentlibrary Login as admin Install the component library plugin Navigate to System Administration > Themes Check the option "Allow theme changes in the URL" Navigate to System Administration > Development > UI Component library In the Component Library go to Moodle 3.9 > Accessibility > Contrast Check the contrast labels on the "Theme Buttons" Section Verify all checks are green (value above 4.50:1) Click the theme selector in the top navbar Select "Classic" Verify all again checks are green (value above 4.50:1)
    • 8

      The success, error, warning and info text classes default colours from Bootstrap are not accessible. WAVE accessibility checker reports:

      "Very low contrast between foreground and background colors."

      This affects all pages using the Bootstrap success, error, warning and info classes including the performance info in the footer of each page and all "notifications" using a Bootstrap alert.

        1. buttons_changes.png
          buttons_changes.png
          97 kB
        2. chrome_notifications_colours.png
          chrome_notifications_colours.png
          51 kB
        3. hex values needed.png
          hex values needed.png
          244 kB
        4. image-2020-02-28-14-10-12-179.png
          image-2020-02-28-14-10-12-179.png
          24 kB
        5. image-2020-04-01-10-21-04-086.png
          image-2020-04-01-10-21-04-086.png
          84 kB
        6. MDL-64494_35.patch
          54 kB
        7. MDL-64494_36.patch
          54 kB
        8. MDL-64494_master.patch
          54 kB
        9. MDL-64494.jpg
          MDL-64494.jpg
          56 kB
        10. MDL-64494 (2).jpg
          MDL-64494 (2).jpg
          65 kB
        11. notifications_changes.png
          notifications_changes.png
          86 kB
        12. screenshot-1.png
          screenshot-1.png
          48 kB
        13. screenshot-2.png
          screenshot-2.png
          44 kB
        14. Screenshot 2020-02-20 at 12.05.35.png
          Screenshot 2020-02-20 at 12.05.35.png
          152 kB
        15. Screenshot from 2019-04-23 06-18-59.png
          Screenshot from 2019-04-23 06-18-59.png
          52 kB
        16. sitehome-links.png
          sitehome-links.png
          21 kB
        17. Test failed_35.PNG
          Test failed_35.PNG
          36 kB

            basbrands Bas Brands
            damyon Damyon Wiese
            Jun Pataleta Jun Pataleta
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Janelle Barcega Janelle Barcega
            Votes:
            2 Vote for this issue
            Watchers:
            20 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 3 days, 1 hour, 30 minutes
                3d 1h 30m

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