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
          27 kB
          Eloy Lafuente (stronk7)
        2. 310_classic.png
          27 kB
          Eloy Lafuente (stronk7)
        3. 38_boost.png
          27 kB
          Eloy Lafuente (stronk7)
        4. 38_classic.png
          27 kB
          Eloy Lafuente (stronk7)
        5. 39_boost.png
          27 kB
          Eloy Lafuente (stronk7)
        6. 39_classic.png
          27 kB
          Eloy Lafuente (stronk7)
        7. master_boost.png
          26 kB
          Eloy Lafuente (stronk7)
        8. master_classic.png
          27 kB
          Eloy Lafuente (stronk7)
        9. MDL-69395_step#5_Classic.jpg
          45 kB
          Anna Carissa Sadia

        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.