Help with Testing Web Components

By Kevin Shaw, 18 November, 2021

Forum
macOS and Mac Apps

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!

Options

Comments

By Daniel Angus M… on Tuesday, November 30, 2021 - 23:42

hello,

I've tested these web components and here's what I have found.

the ARIA Menu works correctly with allow keyboard commands to navigate websites checked. the list box ... well, for all such things, VoiceOver has used a convention for years, since I started using the Mac platform in 2009 with Mac OS X Snow Leopard. such areas VoiceOver sees them as popup buttons. I have encountered similar list boxes not coded correctly as far as verbiage is concerned. I am using Safari and those are my findings. good luck!
Daniel

By Earth on Tuesday, November 30, 2021 - 23:42

I tested both links and the clickable always announce for me. for the first site I didn't have any problem with the menu but then I have the allow keyboard command to check.

By Catherine Nasije on Tuesday, August 30, 2022 - 23:42

Hi we tested components with role=listbox which are implemented with the proper markup and noticed that the options are not announced in VoiceOver (VO) on a MAC. We tested the same components in JAWS and NVDA on a Windows machine and they work just fine. Hopefully Apple will resolve this soon as it's a complete blocker for VO users.
Tested on: macOS Monterey 12.3.1/ Safari 15.4 (17613.1.17.1.13)/ VoiceOver
If anyone has come across a solution to this please share.

Thank you!