Skip to content

[Bug Report][3.10.5] v-select accessibility issue: can't navigate to select options on mobile (iPhone/VoiceOver and Android/Talkback) #22226

@caarmen

Description

@caarmen

Environment

Vuetify Version: 3.10.5
Vue Version: 3.5.21
OS: iOS 18, Android 15 (Talkback version 15), Android 16 (Talkback 16.1), Android 9 (Talkback 16.1)

Steps to reproduce

  1. Open the playground link on the mobile device.
  2. Activate the screenreader on the device (VoiceOver for iPhone, Talkback for Android).
  3. In the playground, swipe right until you land on the "Select".
  4. Double-tap to open the list of items.
  5. Swipe right to attempt to navigate into the items in the list.
  6. It isn't possible (or I didn't figure out how!) to navigate onto the list items.

Expected Behavior

It should be possible to navigate with swipe right/left gestures, onto the list items of a select.

Actual Behavior

Swiping right goes to items behind the list. In this playground specifically, it goes to the "Hello there" text, then the button. Then the menu then closes. I didn't figure out how to access the menu items.

Reproduction Link

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

Video

iOS

Android

Metadata

Metadata

Assignees

Labels

C: VMenuC: VSelectT: bugFunctionality that does not work as intended/expecteda11yAccessibility issuehelp wantedWe are looking for community helpplatform specificThe issue only occurs on a specific platform

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions