search

wagtail / wagtail.org

Wagtail’s official marketing website
https://wagtail.org/
66 stars 60 forks source link

Poor color contrast in light mode for cancel icon in search modal #433

Open shyusu4 opened 10 months ago

shyusu4 commented 10 months ago

In light mode, there is a noticeable accessibility issue related to the "X" cancel icon within the search modal. When this icon is hovered over, it becomes hard to see. Users with visual impairments may have difficulty interacting with this element.

Color contrast check on WebAIM, contrast ratio of 1.06:1

Desktop Screenshot Mobile Screenshot
Desktop screenshot of poor color contrast in light mode for cancel icon in search modal mobile screenshot of poor color contrast in light mode for cancel icon in search modal
thibaudcolas commented 10 months ago

Thank you @shyusu4. Seems like something where we could just remove this custom hover/focus color change, since there is an outline on focus and a cursor change on hover already.