Skip to content

[Bug Report][3.4.5] Accessibility Enhancement Act (BFSG) - v-text-field #21232

@DoroSta

Description

@DoroSta

Environment

Vuetify Version: 3.4.5
Vue Version: 3.5.13
Browsers: Chrome 135.0.0.0
OS: Windows 10

Steps to reproduce

Hello
, your v-text-field component generates a duplicate label, which results in a 'duplicate label' error, and WAVE doesn't recognize any of the labels as being associated with the input.
test tool: https://wave.webaim.org/
seite: https://vuetifyjs.com/en/components/text-fields/

Expected Behavior

only 1 label or arria-hidden on label

Actual Behavior

2 tha same label width the same for="" input id

Reproduction Link

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

Other comments

On June 28, 2025, the Accessibility Enhancement Act (BFSG) will come into effect. Until then, we have time to make sure our website also meets AA standards for this accessibility.

Metadata

Metadata

Assignees

No one assigned

    Labels

    duplicateThe issue has already been reported

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions