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

Insufficient colour contrast between form control borders and background

    XMLWordPrintable

Details

    • MOODLE_310_STABLE, MOODLE_38_STABLE, MOODLE_39_STABLE, MOODLE_400_STABLE
    • MOODLE_38_STABLE, MOODLE_39_STABLE
    • MDL-69395-master
    • Hide

      Please test these steps in both theme Classic and Boost

      1. Login as admin
      2. Navigate to Site Administration > Courses > Add a new course
      3. On the Form verify all inputs have a border color of #8f959e
      4. Navigate to Site Administration > Badges > Add a new badge
      5. Verify to Image form field has a border color of #8f959e
      6. Navigate to Site Administration > Appearance > Themes > Boost
      7. Verify the Brand colour field has a border color of #8f959e
      Show
      Please test these steps in both theme Classic and Boost Login as admin Navigate to Site Administration > Courses > Add a new course On the Form verify all inputs have a border color of #8f959e Navigate to Site Administration > Badges > Add a new badge Verify to Image form field has a border color of #8f959e Navigate to Site Administration > Appearance > Themes > Boost Verify the Brand colour field has a border color of #8f959e

    Description

      Form elements (e.g. text input) have a border colour of #ced4da ($gray-400). Against a white background, the colour contrast is only 1.49:1 which does not conform with WCAG Level AA. We need to get a minimum colour contrast ratio of 3:1 for UI components.

      Attachments

        1. MDL-69395_step#5_Classic.jpg
          MDL-69395_step#5_Classic.jpg
          45 kB
        2. 38_boost.png
          38_boost.png
          27 kB
        3. 38_classic.png
          38_classic.png
          27 kB
        4. 39_boost.png
          39_boost.png
          27 kB
        5. 39_classic.png
          39_classic.png
          27 kB
        6. 310_boost.png
          310_boost.png
          27 kB
        7. 310_classic.png
          310_classic.png
          27 kB
        8. master_boost.png
          master_boost.png
          26 kB
        9. master_classic.png
          master_classic.png
          27 kB

        Activity

          People

            basbrands Bas Brands
            jpataleta Jun Pataleta
            Jun Pataleta Jun Pataleta
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Anna Carissa Sadia Anna Carissa Sadia
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Time Tracking

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 47 minutes
                1d 47m

                Clockify

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