Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug Report][3.6.4] Accessibility: VCheckbox using the hide-details prop adds an 'aria-describedby' attribute referencing a non-existent element #19794

Open
ldavisCEI opened this issue May 10, 2024 · 0 comments
Open

[Bug Report][3.6.4] Accessibility: VCheckbox using the hide-details prop adds an 'aria-describedby' attribute referencing a non-existent element #19794

ldavisCEI opened this issue May 10, 2024 · 0 comments
Labels
a11y Accessibility issue C: VCheckbox VCheckbox T: bug Functionality that does not work as intended/expected

Comments

@ldavisCEI
Copy link

Environment

Vuetify Version: 3.6.4
Vue Version: 3.4.27
Browsers: Edge 124.0.0.0
OS: Windows 10

Steps to reproduce

Use the hide-details (or hide-details="auto") prop on a VCheckbox component.

Expected Behavior

The aria-describedby attribute should not be present, or should be empty or null.

Actual Behavior

The aria-describedby attribute refers to a messages element that doesn't exist, causing accessibility check errors.

Reproduction Link

https://play.vuetifyjs.com/#...
@johnleider johnleider added T: bug Functionality that does not work as intended/expected a11y Accessibility issue C: VCheckbox VCheckbox and removed S: triage labels May 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
a11y Accessibility issue C: VCheckbox VCheckbox T: bug Functionality that does not work as intended/expected
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@ldavisCEI @johnleider