Issue Summary

Keyboard focus order of "What can we help you with?" dropdown does not match the visible order.

Test URLs

mycolorado-general-support

mycolorado-accessibility-support

Steps to Reproduce

1. Open the myColorado support request form on iOS and Android devices.
2. Use the keyboard to navigate to the "What can we help you with?" combobox.
3. Activate it using the Enter or Space key.
4. Navigate to the drop-down options.
5. Observe that focus moves to the last option inappropriately.

Screen Recording

Combobox-option-focus order.mov

Actual Results

When the "What can we help you with?” combobox is activated, keyboard focus jumps to the last item "Accessibility Support" (which is visually second last options), then to the last option "Provide mDL Reader Feedback", and only after that it moves to the first option. From there it follows the visible order.

This could disorient keyboard-only users and users with mobility disabilities as the focus order does not follow the expected visual order.

Expected Results

Ensure that options are rendered in the DOM following the same visual sequence. When the combobox is activated, set the initial focus index to the first option (i.e. Compliant). Implement ARIA roles and comprehensive keyboard event handling to enhance accessibility and user interaction.

For more information, please refer https://www.w3.org/WAI/WCAG21/Techniques/css/C27

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available.

Environment

iPhone 15 Pro Max
iOS Version 26.0
Android Version 14
Chrome - Version 140.0.7339.207
Safari - Version 26
TalkBack
Voiceover - Version Latest