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

Actions menu icon color lacks sufficient color contrast #840

Open
benhammondmusic opened this issue Jan 19, 2022 · 1 comment
Open

Actions menu icon color lacks sufficient color contrast #840

benhammondmusic opened this issue Jan 19, 2022 · 1 comment

Comments

@benhammondmusic
Copy link

Using a color picker, the measured color of the is #DADADA, which when I plugged it into a calculator https://webaim.org/resources/contrastchecker/ gives a contrast ratio of 1.39:1. "WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components"

This is caused by the reduced opacity whenever the menu isn't hovered, resulting in a control that could be difficult for some users to see. Proposal to at least provide darker color for users who request high-contrast mode, and ideally should style in a way that meets minimum color contrast guidelines for interactive graphics
Screen Shot 2022-01-19 at 9 22 06 AM

@domoritz
Copy link
Member

Do we meet the contrast ratio on hover or focus? If not, we should fix that. If yes, we can focus on the high contrast request case.

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