Skip to content

fix: Make the selected item(s) in dropdown get read out the screen reader when focused#1734

Merged
mattelen merged 2 commits intoshentao:masterfrom
anthonymuau:fix-aria-selected-item
Sep 12, 2024
Merged

fix: Make the selected item(s) in dropdown get read out the screen reader when focused#1734
mattelen merged 2 commits intoshentao:masterfrom
anthonymuau:fix-aria-selected-item

Conversation

@anthonymuau
Copy link
Copy Markdown
Contributor

This PR is to address a bug in vue-multiselect where if a user is using a screen reader, the selected state of the items are not read out when the user focuses on them.

Steps to reproduce

  1. Enable a screen reader (voice-over).
  2. Navigate to a page containing the vue-multiselect component.
  3. Use the Tab key to move focus to the vue-multiselect component.
  4. Use the Up and Down arrow keys to select an item.
  5. Press the Enter key again to focus specifically on the selected item.

Expected behavior: The screen reader should announce the selected item and its selected state.

Actual behavior: The screen reader remains silent, failing to announce the selected item or its selected state.

@anthonymuau anthonymuau changed the title fix: Make the select item(s) get read out by screen reader fix: Make the selected item(s) in dropdown get read out the screen reader when focused Dec 11, 2023
@aelnonym
Copy link
Copy Markdown

This would be very helpful, thank you

…ia-selected-item

# Conflicts:
#	src/Multiselect.vue
@mattelen mattelen self-requested a review September 12, 2024 14:43
@mattelen mattelen merged commit ab8faac into shentao:master Sep 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants