vega-embed icon indicating copy to clipboard operation
vega-embed copied to clipboard
verified publisher icon vega

Actions menu icon color lacks sufficient color contrast

Open benhammondmusic opened this issue 4 years ago • 1 comments

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

benhammondmusic avatar Jan 19 '22 16:01 benhammondmusic

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.

domoritz avatar Jan 19 '22 16:01 domoritz