Bug 264873 - AX: radio button described by an ul wrapped in divs with aria-describedby is not announced
Summary: AX: radio button described by an ul wrapped in divs with aria-describedby is ...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 17
Hardware: Mac (Apple Silicon) macOS 14
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-11-15 04:09 PST by r.koller
Modified: 2023-12-04 17:49 PST (History)
2 users (show)

See Also:


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

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