Issue Summary

When the cookie banner is visible, focus does not move to it initially for screen reader, keyboard-only, and Switch Access users.

Test URLs

mycolorado-general-support

mycolorado-accessibility-support

Steps to Reproduce

1. Open the myColorado Support Request Form on iOS or Android devices.
2. Enable a screen reader (VoiceOver on iOS or TalkBack on Android).
3. Try navigating with swipe gestures, keyboard navigation or Switch Access.
4. Observe that the focus moves to the main region initially instead of cookie banner.
5. Navigate to the cookie banner using Shift + Tab or swipe left gesture.
6. Observe that links in the cookie banner follows reverse order.

Screen Recording

CookieBanner_FocusOrderIssue.mp4

Actual Results

When the cookie banner is visible, screen reader, keyboard-only, and Switch Access users' focus moves inappropriately to the main region instead of cookie banner. This behavior is observed on both Android and iOS devices, in portrait and landscape orientations.

Additionally, the focus order within the cookie banner is reversed. When navigating with Shift + Tab or swipe gestures, the "Accept all," "Only necessary," and "Preferences" links receive focus in reverse order - swiping right moves focus backward, swiping left moves it forward. This problem occurs specifically in portrait orientation.

As a result, users relying on assistive technologies or keyboard-only navigation may miss the cookie banner or struggle to interact with its options.

Expected Results

Ensure that focus is managed appropriately. In this scenario, focus should move directly to the cookie banner when it appears and navigation within the banner should follow a logical order.

This can be achieved via the JavaScript focus() method.

For more information, please refer: https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html

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