Bug 218319 - AX: aria-describedby not supported for ARIA treeitem role
Summary: AX: aria-describedby not supported for ARIA treeitem role
Status: REOPENED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 14
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-10-28 19:27 PDT by Todd Kloots
Modified: 2023-06-08 12:56 PDT (History)
3 users (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
Description Todd Kloots 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
Comment 1 Radar WebKit Bug Importer 2020-10-28 19:28:01 PDT
<rdar://problem/70791409>
Comment 2 Brent Fulgham 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.
Comment 3 Eric Liang 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.
Comment 4 Todd Kloots 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.)
Comment 5 Todd Kloots 2022-11-16 14:26:19 PST
Actually, I spoke too soon. This remains an issue remains.
Comment 6 Brent Fulgham 2023-06-08 12:56:00 PDT
This is actually being tracked internally as:
<rdar://73907428>