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.
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.