Menu options not available with screen readers on iOS (VoiceOver) and Android (TalkBack)

[MattAtDor]

Problem:
An open menu with iOS or Android using VoiceOver or TalkBack will not allow users to access the menu items. "Menu Collapse" is the only focusable/readable element with the menu expanded.

Environments:
Tested Pixel 7 Pro - Android 14 - TalkBack 14.1 - Chrome
Tested iPhone 12 Pro max - iOS 17.3.1 - VoiceOver - Safari

Steps to recreate:
Launch state template 6.3.1 website
Flick right to navigate to "Menu Collapsed"
Double tap to expand the menu.
Flick right to move focus through the menu

A user should read through the menu in order as it does with Tab on a PC but they cannot.

[TheWorstGoose]

Tested with:
Google Pixel 8 Android Version 14 - Talkback Version 15 - Chrome Browser
Apple iPhone SE IOS 18 - Safari Browser

The google pixel is able to navigate the menu bar after repeating the steps given. However, IOS is unable to move past the collapsible menu button to read the expanded menu.

[kkoryaka]

@MattAtDor this issue should be fixed in out 4.6.1 release