Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

AVT 3 Dropdown - VO does not announce the option after it is selected or the options position in the list.. #4373

Closed
snidersd opened this issue Oct 17, 2019 · 1 comment · Fixed by #5373
Closed

AVT 3 Dropdown - VO does not announce the option after it is selected or the options position in the list.. #4373

snidersd opened this issue Oct 17, 2019 · 1 comment · Fixed by #5373
Assignees
@aledavila
Labels
component: dropdown package: react carbon-components-react type: a11y ♿ type: bug 🐛

Comments

@snidersd
Copy link

Environment

macOS Mojave version 10.14.6
Chrome Version Version 77.0.3865.90
Carbon v10 - React

Detailed Description

Go to the React Component
Start VO on macOS

  1. Tab to the Dropdown, VO announces that it Open Menu pop-up 1 of 1.
    Expected Result - VO announces the label "Option 1" and that it is a pop-up button.
  2. Use the Enter key to open the dropdown and move to the next option. VO announces the option, but does not announce the position (i.e. 1 of 4, 2 of 4, etc).
    Expected Result - VO announces the Option # and position.
  3. Tab away from the dropdown and then tab back. VO announces, "Open Menu pop-up".
    Expected Result- VO announces the that it is a menu pop-up and the current selection.

See ARIA Authoring Practices Dropdown Listbox example.
@snidersd snidersd added this to the Dropdown - A11y Project Team milestone Oct 17, 2019
@dakahn dakahn modified the milestones: Dropdown - A11y Project Team, Carbon WCAG Compliance Nov 21, 2019
This was referenced Nov 22, 2019
Closed
Closed
@mattrosno mattrosno removed this from the ♿Carbon WCAG Compliance♿ milestone Dec 13, 2019
asudoh added a commit to asudoh/carbon-components that referenced this issue Jan 28, 2020
@asudoh
fix(Dropdown): announce dropdown item position
df04ae0 
This change lets Downshift announce the position of dropdown item in
addition to its content, when it's highlighted.

Fixes carbon-design-system#4373.
@asudoh asudoh mentioned this issue Jan 28, 2020
Closed
@asudoh
Copy link
Contributor

asudoh commented Jan 28, 2020

Fixing 2 (#5193). Wrt 1. and 3., our Dropdown has a state where no selection has been made (yet), instead of the first item automatically selected as the issue author may have expected - Thus keeping it intact (just letting screen reader user know that it's a pop-up button).

@joshblack joshblack mentioned this issue Mar 4, 2020
Closed
82 tasks
@aledavila aledavila self-assigned this Mar 4, 2020
@aledavila aledavila mentioned this issue Mar 26, 2020
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@aledavila aledavila

Labels
component: dropdown package: react carbon-components-react type: a11y ♿ type: bug 🐛
Projects
None yet
Milestone
No milestone
6 participants
@asudoh @mattrosno @joshblack @aledavila @snidersd @dakahn