[Bug]: Combobox list incorrect focus state placement and color contrast

[satyaminnekanti]

Package

carbon-components

Browser

Chrome

Package version

v10

React version

No response

Description

Accessibility Issues with Combo-box:

Go to combo-box sample
select an Option (Option 2)
with an Option selected, open the combo-box options and navigate through them

1. Issue 1: Focus not visible/shown clearly when navigated to currently selected item in combo ( i meant there is no colour change to indicate that the currently selected item received focus). This is a failure of WCAG Checkpoint 2.4.7. Focus Visible
2. Issue 2: Also in combo-box once an option is selected and user navigated back to combo-box again and press down arrow, focus should be on the currently selected option and when user press Down Arrow key again focus should go to the next option after the selected but instead it always start from the top

Please see attached Gif:

Please refer ARIA Authoring Practices Guide for Combo-box for reference

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-combobox--default

Steps to reproduce

Steps to reproduce:

1. Go to combo-box sample
2. select an Option (Option 2)
3. with an Option selected, open the combo-box options and navigate through them

Issues:

1. Issue 1: Focus not visible/shown clearly when navigated to currently selected item in combo ( i meant there is no colour change to indicate that the currently selected item received focus). This is a failure of WCAG Checkpoint 2.4.7. Focus Visible
2. Issue 2: Also in combo-box once an option is selected and user navigated back to combo-box again and press down arrow, focus should be on the currently selected option and when user press Down Arrow key again focus should go to the next option after the selected but instead it always start from the top

Please see attached Gif:

Please refer ARIA Authoring Practices Guide for Combo-box for reference

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[tay1orjones]

Thanks for reporting this! #1 is a duplicate of #12720 and #12723

@mbgower For #2, should the focus always be placed on the currently selected item as being suggested here? Does always placing the focus on the first item in the list fail any WCAG success criterion

[tay1orjones]

should the focus always be placed on the currently selected item as being suggested here? Does always placing the focus on the first item in the list fail any WCAG success criterion

Based on internal conversations, yes this should be the case. The actionable piece of this issue is to address the focus behavior when reopening the ComboBox after having selected an option. Focus should be placed on the selected option, not the first option.