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. 310_boost.png
          310_boost.png
          27 kB
        2. 310_classic.png
          310_classic.png
          27 kB
        3. 38_boost.png
          38_boost.png
          27 kB
        4. 38_classic.png
          38_classic.png
          27 kB
        5. 39_boost.png
          39_boost.png
          27 kB
        6. 39_classic.png
          39_classic.png
          27 kB
        7. master_boost.png
          master_boost.png
          26 kB
        8. master_classic.png
          master_classic.png
          27 kB
        9. MDL-69395_step#5_Classic.jpg
          MDL-69395_step#5_Classic.jpg
          45 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
            David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              9/Nov/20

              Time Tracking

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