Skip to content

Conversation

@ikushum
Copy link
Member

@ikushum ikushum commented Nov 15, 2025

related to #21097

Description

Screen readers were reading out the selected value in VSelect, VAutocomplete and VCombobox twice. This will ensure they are read only once

Markup:

<template>
  <v-app>
    <v-container>
      <v-form ref="form">
        <v-select v-model="selected" :items="selectItems" name="select" />

        <v-autocomplete v-model="selected" :items="selectItems" name="autocomplete" />

        <v-combobox v-model="selected" :items="selectItems" name="combobox" />
      </v-form>
    </v-container>
  </v-app>
</template>

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

  const selectItems = [
    { title: 'Item 1', value: 1 },
    { title: 'Item 2', value: 2 },
    { title: 'Item 3', value: 3 },
  ]
  const selected = ref(selectItems[0])
</script>

@ikushum ikushum self-assigned this Nov 15, 2025
@ikushum ikushum added T: bug Functionality that does not work as intended/expected a11y Accessibility issue C: VSelect C: VCombobox C: VAutocomplete labels Nov 15, 2025
@ikushum ikushum changed the title fix(VSelect): use hidden input for native form submissions fix(select): fix screen reader read value twice Nov 15, 2025
@ikushum ikushum changed the base branch from fix/select-accessibility to master November 15, 2025 09:05
@ikushum ikushum changed the base branch from master to fix/select-accessibility November 15, 2025 09:05
@ikushum ikushum force-pushed the fix/select-accessibility branch 3 times, most recently from e86ff56 to 2564dbe Compare November 15, 2025 09:10
@ikushum ikushum force-pushed the fix/screen-reader-read-value-twice branch from c8a9f80 to ce674a6 Compare November 15, 2025 09:14
@ikushum ikushum changed the title fix(select): fix screen reader read value twice fix(select): fix screen reader reading out selected value twice Nov 15, 2025
@ikushum ikushum requested a review from a team November 15, 2025 17:37
Base automatically changed from fix/select-accessibility to master November 16, 2025 00:19
@ikushum ikushum force-pushed the fix/screen-reader-read-value-twice branch from e128df3 to 661ec09 Compare November 16, 2025 00:33
@J-Sek
Copy link
Contributor

J-Sek commented Nov 18, 2025

I have some problems testing it. Orca does not seem to care, Windows VM has some bug with audio and I hoped to verify on a different machine, but headphones just died. I would appreciate a comparison recording.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a11y Accessibility issue C: VAutocomplete C: VCombobox C: VSelect T: bug Functionality that does not work as intended/expected

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants