vuetify
vuetify copied to clipboard
[Bug Report][3.1.10] v-label (v-checkbox, v-switch, etc) doesn't pass WCAG check
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