Skip to content

[Bug Report][3.5.2] Screenreader never gets information about the label of a V-TextField / V-Select / etc. #19156

Open
@Martin-Idel

Description

@Martin-Idel

Environment

Vuetify Version: 3.5.2
Last working version: 2.7.1
Vue Version: 3.4.15
Browsers: Google Chrome, Mozilla Firefox
OS: Linux, Windows

Steps to reproduce

Open playground link with Screenreader
Tab to v-select and listen. This also affects at least V-Textarea and V-Autocomplete

Expected Behavior

The label is read and indicated as "name" of the combobox.

See e.g. when reading out the example box here: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/

Actual Behavior

Label is never read.
Instead, I only get something like "Open editable combobox 'Hello selected'" <-- Open is the label if I see correctly. The "real" label is not indicated as such for the screenreader.

Reproduction Link

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

Other comments

Partially related to #19155

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions