Bug 247276

Summary: AX: aria-activedescendant does not work in an iframe
Product: WebKit Reporter: achintsingh97
Component: AccessibilityAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: andresg_22, tyler_w, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: Mac (Intel)   
OS: macOS 12   

Description achintsingh97 2022-10-31 12:18:02 PDT
See example: https://codepen.io/achint-singh/pen/rNKxVed

In codepen, the example is placed within an iframe. When placing this example outside of an iframe, it does work, such as using debug mode.

Steps to reproduce:
1. Turn on VO in the example.
2. Click the button using enter key, and navigate through the list using the down arrow key.

Notice that the VO focus ring is not moving alongside the dropdown selector, and is not reading out the options. 
The expected behavior is that using the down arrow key should simultaneously move the VO focus ring as well as the dropdown selector and read the options.

--------

This is also broken in the Safari Technology Preview.
In Safari 15.5, this code works as expected (in and out of the iframe). It also works with Chrome+VO, and Duck Duck Go+VO.

--------

This example also demonstrates an aria-selected issue, but that is part of a different bug.
Comment 1 Radar WebKit Bug Importer 2022-10-31 12:18:17 PDT
<rdar://problem/101769043>
Comment 2 Tyler Wilcock 2023-02-19 00:05:46 PST
This should be fixed by:

https://bugs.webkit.org/show_bug.cgi?id=224582 (AX: `aria-activedescendant` doesn't work with a standard "listbox" pattern)

That change is in the latest macOS 13.3 beta (https://developer.apple.com/news/releases/?id=02162023c).