Skip to content

Announce selected or not while option is focused in the list menu of select box #4343

Closed

Description

@mohit181191

While navigating the options through the list menu using keyboard up/down arrow key. The screen reader announces the focused option and its position. Example below
If the option is X its position in 2 out 6
option X focused, 2 of 6. 6 results available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.

It does not announce if the option is already selected and exists in the selected list of options. The users who use screen readers would only be notified when it is actually selected or deselected using keyboard enter key.

Expected Behaviour(something similar to the below example)
option X focused, 2 of 6. selected. 6 results available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.

It would only be applicable when hideSelectedOptions prop is set to false

Activity

  1. linked a pull request that will close this issueAria Live Configuration #4414on Feb 7, 2021
  2. ebonow commented on Feb 10, 2021

    @ebonow
    Collaborator

    Greetings @mohit181191,

    I have addressed the work required for this as a part of PR #4414 which is being reviewed. This issue will be closed once it is merged.

  3. added
    issue/has-prIssue has a PR attached to it that may solve the issue
    and removed on Feb 10, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    category/accessibilityIssues or PRs related to accessibilityissue/has-prIssue has a PR attached to it that may solve the issue

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions