You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using a native html checkbox, you should not need the role or aria-checked attributes. Because the VCheckbox does use the aria-checked attribute, it causes a mismatch between the control's value and the aria-checked value.
I suggest simply removing aria-checked from the control.
The text was updated successfully, but these errors were encountered:
Environment
Vuetify Version: 3.5.16
Vue Version: 3.4.23
Browsers: Chrome 124.0.0.0
OS: Mac OS 10.15.7
Steps to reproduce
Inspect the checkbox element
Expected Behavior
Since it is using a native HTML checkbox control, no aria-checked attribute should be present.
Actual Behavior
The checkbox control has aria-checked set to 'mixed' which doesn't match the native control's value.
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
MDN article about aria checkbox role.
When using a native html checkbox, you should not need the role or aria-checked attributes. Because the VCheckbox does use the aria-checked attribute, it causes a mismatch between the control's value and the aria-checked value.
I suggest simply removing aria-checked from the control.
The text was updated successfully, but these errors were encountered: