I am using Vuetify's component in my Vue 3 project. However, I am facing an issue with screen readers (tested with NVDA and VoiceOver). When a user selects an option and then moves focus to the next element (like a button), the screen reader first announces the previously selected item before announcing the next focused element.

<template>
  <v-app>
    <v-container>
    <button>Click me</button>
      <v-select
        label="Select"
        :items="['California', 'Colorado', 'Florida', 'Geia', 'Texas', 'Wyoming']"
      ></v-select>
      <button>test</button>
    </v-container>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'

  const msg = ref('Hello World!')
</script>

Observed Behavior: When using a screen reader (NVDA or VoiceOver), after selecting an item from and pressing Tab to move focus to the , the screen reader first announces the previously selected item before reading "test" (the button label).

This issue consistently happens with Vuetify's , but not with native elements.

Expected Behavior: The screen reader should directly read the label of the focused element (the button) without repeating the previously selected item.