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

r.koller
Reported 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
Attachments
voiceover announcement in safari 17.1 (3.56 MB, video/mp4)
2023-11-15 04:09 PST, r.koller 		no flags
Details
voiceover announcement in microsoft edge (2.92 MB, video/mp4)
2023-11-15 04:10 PST, r.koller 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2023-11-15 04:09:22 PST
<rdar://problem/118448522>
r.koller
Comment 2 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.
r.koller
Comment 3 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.
r.koller
Comment 4 2026-02-17 16:44:57 PST
revisiting this i realized that i back then only provided the pen for the working variant but forgot to post the failing one. here is the failing one https://codepen.io/ermarus/pen/LYqMNyX . and it is still failing in safari 26.3 on latest version of tahoe as well as the latest technology preview 237 (WebKit 21625.1.3.19.2)
Note You need to log in before you can comment on or make changes to this bug.