Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
shyusu4 opened this issue Oct 26, 2023 · 1 comment
Open

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

shyusu4 opened this issue Oct 26, 2023 · 1 comment

Comments

@shyusu4
Copy link
Member

shyusu4 commented Oct 26, 2023

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
Copy link
Member

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants