Bug 218319

Summary: AX: aria-describedby not supported for ARIA treeitem role
Product: WebKit Reporter: Todd Kloots <todd.kloots>
Component: AccessibilityAssignee: Nobody <webkit-unassigned>
Status: REOPENED    
Severity: Normal CC: bfulgham, ericliang, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: All   
OS: All   
Attachments:
Description Flags
Screen recording of the how the aria-describedby value is not announced by Voiceover none

Todd Kloots
Reported 2020-10-28 19:27:47 PDT
Created attachment 412605 [details] Screen recording of the how the aria-describedby value is not announced by Voiceover Steps to reproduce the problem: 1. Start VoiceOver 2. Go to https://codepen.io/toddlr/pen/yLJvKvJ 3. Move focus to the ARIA tree example 4. Navigate to the first two items in the tree using the arrow keys 5. Notice the description provided by aria-describedby is not announced by VoiceOver What is the expected behavior? The description provided by aria-describedby should be announced by VoiceOver What went wrong? The description provided by aria-describedby is not announced by VoiceOver
Attachments
Screen recording of the how the aria-describedby value is not announced by Voiceover (1.36 MB, video/quicktime)
2020-10-28 19:27 PDT, Todd Kloots 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2020-10-28 19:28:01 PDT
<rdar://problem/70791409>
Brent Fulgham
Comment 2 2022-02-10 19:32:04 PST
The fix for this issue was needed outside the WebKit project, therefore this is being resolved as 'Moved'. This should now be fixed in shipping software.
Eric Liang
Comment 3 2022-09-16 10:38:56 PDT
Comment: Note that in the provided CodePen example, the empty <div></div> inside the group role div seems making the tree being mapped to a regular group instead of a table in Safari, which could be another WebKit issue. Please verify after removing the empty <div></div> first so that the tree can be mapped to a table correctly, and after the <rdar://problem/73907428> is submitted. ——— Change this two line: <div role="group" aria-owns="group1-item1 group1-item2 group1-item3" aria-label="Jungle Animals"><div></div></div> <div role="group" aria-owns="group2-item1 group2-item2" aria-label="Ocean Animals"><div></div></div> To: <div role="group" aria-owns="group1-item1 group1-item2 group1-item3" aria-label="Jungle Animals"></div> <div role="group" aria-owns="group2-item1 group2-item2" aria-label="Ocean Animals"></div> So that the tree example can be correctly mapped to a table instead of group in Safari.
Todd Kloots
Comment 4 2022-11-16 13:55:39 PST
Thank you for the suggestion Eric. The fix you suggested worked and we can consider this one fixed. (Technically a WONTFIX as there's no need for a fix.)
Todd Kloots
Comment 5 2022-11-16 14:26:19 PST
Actually, I spoke too soon. This remains an issue remains.
Brent Fulgham
Comment 6 2023-06-08 12:56:00 PDT
This is actually being tracked internally as: <rdar://73907428>
Note You need to log in before you can comment on or make changes to this bug.