Skip to content

[Bug Report][3.10.3] v-select breaks accessibility: multiple form labels #22125

@nbennett25

Description

@nbennett25

Environment

Vuetify Version: 3.10.3
Vue Version: 3.5.22
OS: macOS 10.15.7 (current)

Steps to reproduce

  1. View source

Expected Behavior

Only one label element is rendered for the select

Actual Behavior

2 labels are rendered for the select, with the same 'label-for' value. Accessibility error is shown even with 'aria-hidden=true' on one label.

Reproduction Link

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

Other comments

Having duplicate labels for the element throws a "Multiple form labels A form control has more than one label associated with it." accessibility error.

Images

Metadata

Metadata

Assignees

No one assigned

    Labels

    C: VSelectT: bugFunctionality that does not work as intended/expecteda11yAccessibility issue

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions