Help with Testing Web Components

Hi everyone,

I'm looking for feedback from Mac OS users who can tell me what happens when you use these "accessible" web components. I'm getting different results from different VoiceOver users and am wondering if I've found bugs or if there's something wrong with the web code.

I'm running Mac OS 12.0.1 and using Safari and Chrome to test.

I've got my VoiceOver set up this way with web settings:
DOM order
Grouping: Not checked.
Speak column and row numbers; Checked
Navigate Images: Always
Enable Live Regions; Checked
Always allow arrow keys to navigate web pages: Checked.

Please let me know what happens with the following components:

An accessible ARIA menu:
http://whatsock.com/Templates/Menus/Internal/index.htm

Issue: After activating the menu and arrowing down, VoiceOver focus is not trapped and leaves the menu. Please let me know if you can repeat this.

Note: When Always allow keyboard commands to navigate websites is not checked in VoiceOver Utility, this menu behaves correctly.

And accessible ARIA listbox:
http://whatsock.com/Templates/Listboxes/Standard/index.htm

Issue: This list box is not announced as a list box and the elements within are reported as "clickable". I've set my verbosity settings to medium and high with the same results.

I've tried this in both safari and Chrome with the same results. Wondering if the issue is with VoiceOver or the code.

Please let me know your results. Thanks!