Skip to content

[Bug Report][3.11.7] Menu items in v-menu have no accessible labels with VoiceOver on Safari (probably aria-owns issue) #22540

@NFriedo

Description

@NFriedo

Environment

Vuetify Version: 3.11.7
Vue Version: 3.5.27
OS: macOS 10.15.7 (current)

Steps to reproduce

  1. Use VoiceOver with Safari
  2. Open VMenu
  3. Navigate to menu item

Expected Behavior

VoiceOver reads out the labels, e.g. "Click Me, menu item"

Actual Behavior

VoiceOver only reads out "menu item" without the labels.
(For Testing) Remove aria-owns form the DOM, then labels are there.

Reproduction Link

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

Other comments

It seems like this commit 975a18c introduced the bug to Safari. In Chrome everything works. Vuetify 3.10.7 is the last working version for Safari.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions