vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.1.10] v-label (v-checkbox, v-switch, etc) doesn't pass WCAG check

Open kappaflow opened this issue 1 year ago • 3 comments

Environment

Vuetify Version: 3.1.10 Vue Version: 3.2.47 Browsers: Chrome 110.0.0.0 OS: Windows 10

Steps to reproduce

Add v-checkbox, v-switch, etc with a label, check contrast taking into account the opacity

Expected Behavior

Probably it should have opacity: var(--v-high-emphasis-opacity)

Actual Behavior

Currently v-label has opacity: var(--v-medium-emphasis-opacity);, so the contrast is 3.27:1 (for a light theme text-color:#8E8E8E, background-color:#8E8E8E)

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Related to #16912

kappaflow avatar Mar 16 '23 18:03 kappaflow