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

Insufficient colour contrast for focused/mouseover action menu items

    XMLWordPrintable

    Details

    • Story Points:
      0

      Description

      The original report from Webkey IT:

      Mouse focus inside of dropdowns. This also applies to keyboard focus inside of dropdowns in Chrome as the secondary indicator also has insufficient colour contrast

      So the report basically cites two issues:

      1. Keyboard focus
        • I think the keyboard focus issue is fixed for the most part. The only thing I noticed is that the focus outline does not apply to the action menu in the autocomplete element.
      2. Mouseover
        • When hovering on an action menu item, the hover colour becomes "#f8f9fa" ($gray-100) but compared to the white background, the colour contrast ratio is only 1.05:1. We can possibly fix this by making the hover colour similar to the blue hover colour for normal select boxes.

        Attachments

        1. action-menu-kbfocus-and-hover.png
          action-menu-kbfocus-and-hover.png
          18 kB
        2. dashboard.png
          dashboard.png
          29 kB
        3. default outline.png
          default outline.png
          76 kB
        4. focus - hover.png
          focus - hover.png
          55 kB
        5. normal-select-box-hover.png
          normal-select-box-hover.png
          61 kB
        6. Screenshot 2020-09-21 at 09.54.54.png
          Screenshot 2020-09-21 at 09.54.54.png
          27 kB
        7. wcagex.png
          wcagex.png
          187 kB

          Activity

            People

            Assignee:
            basbrands Bas Brands
            Reporter:
            jpataleta Jun Pataleta
            Participants:
            Component watchers:
            Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Amy Groshek, David Scotson, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Dates

              Created:
              Updated:

                Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 minute
                1m