Bug 264873

Summary: AX: radio button described by an ul wrapped in divs with aria-describedby is not announced
Product: WebKit Reporter: r.koller
Component: AccessibilityAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: andresg_22, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: Mac (Apple Silicon)   
OS: macOS 14   
Attachments:
Description Flags
voiceover announcement in safari 17.1
none
voiceover announcement in microsoft edge none

Description r.koller 2023-11-15 04:09:10 PST
Created attachment 468601 [details]
voiceover announcement in safari 17.1

I have noticed the issue already on Monterey but after updating to Sonoma (currently on 14.1.1 on a mbp m1pro) i am still unable getting elements marked up with aria-describedby announced in safari 17.1. in this example a radio button that is described by an unordered list with aria-describedby. in contrast in the latest version of edge with voiceover the list items of the unordered list  gets properly announced. unfortunately i am unable to upload more than one attachment. otherwise i would have added a screenrecording for edge as well (hopefully i am able to add the video for edge in a comment). so i've provided only the screenrecording in safari in the issue summary. if you need any more infos let me know. best regards ralf
Comment 1 Radar WebKit Bug Importer 2023-11-15 04:09:22 PST
<rdar://problem/118448522>
Comment 2 r.koller 2023-11-15 04:10:33 PST
Created attachment 468602 [details]
voiceover announcement in microsoft edge

The screenrecording in edge mentioned in the issue summary.
Comment 3 r.koller 2023-12-04 17:49:34 PST
I think i finally understood what the problem is. In the example illustrated in the videos you have unordered lists wrapped by divs twice and the out wrapping div is containing the aria-describedby attribute. THAT is the detail why the descriptions in the videos aren't announced in safari. if you build a reduced case in a codepen without any wrapping div and just have unordered lists directly the description is announced properly.  https://codepen.io/ermarus/pen/yLZGOyg
In contrast in edge it doesnt matter if the ul is wrapped in divs or not the description is announced all the time.