Bug 247276 - AX: aria-activedescendant does not work in an iframe
Summary: AX: aria-activedescendant does not work in an iframe
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 16
Hardware: Mac (Intel) macOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-10-31 12:18 PDT by achintsingh97
Modified: 2023-02-19 00:05 PST (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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).