w3c
Rules for the Expand/Collapse button in the treegrid
How does the focus order work with the tab key for the treegrid for the parent cell that expand/collapses even when role=button is not present? If the cell is not interactive, how does the Shift+Tab focus land on the parent cell from the interactive element present in the wcag example?
The ARIA Authoring Practices (APG) Task Force just discussed Issue 3277 - Treegrid focus order question.
The full IRC log of that discussion
<howard-e> TOPIC: Issue 3277 - Treegrid focus order question<howard-e> github: https://github.com/w3c/aria-practices/issues/3277
<howard-e> Matt_King: They are asking about the focus order for the parent cell that expands/collapses
<howard-e> Matt_King: It could be that we need more clarity from the author. Does anybody else here read this and it's clear?
<howard-e> Matt_King: I can ask a clarifying question on the issue
<howard-e> zakim: end meeting
<Matt_King> zakim, end meeting
@mcking65 I have tried to explain my query in the video. I hope this will be helpful to clarify my doubt https://drive.google.com/file/d/1weD7WxFOAsdAXMMM5V_QfZanqNZK9b2O/view
The ARIA Authoring Practices (APG) Task Force just discussed Issue 3277: Rules for the Expand/Collapse button in the treegrid.
The full IRC log of that discussion
<jugglinmike> subtopic: Issue 3277: Rules for the Expand/Collapse button in the treegrid<jugglinmike> github: https://github.com/w3c/aria-practices/issues/3277
<jugglinmike> Matt_King: I think this is kind of a focus-order issue.
<jugglinmike> Matt_King: I didn't quite understand it. The reporter attached a video. I couldn't get the video to play, or if it does play, it's totally silent
<jugglinmike> Matt_King: Can anyone here get the video to play, and if so, could they share what it describes?
<jugglinmike> Matt_King: Maybe ChatGPT could explain it to me or bryan
<jugglinmike> bryan: I could give it a try...
<jugglinmike> jongund: I'm playing it, now. There is some audio, but it's very faint
<jugglinmike> jongund: He's describing and pointing at things. It's very hard to hear
<jugglinmike> lola: I can give it a shot
<jugglinmike> Matt_King: Okay, I can assign this issue to you, and we can discuss it next time
<jugglinmike> lola: I won't be present at our next meeting on July 1, but I can post my findings on the issue so that you can continue asynchronously
<jugglinmike> Matt_King: That sounds good!
<jugglinmike> Matt_King: I've assigned you, lola
@mcking65 In the Tree Grid example the first cell acts as an interactive dropdown to reveal the nested cells and Vivek is asking how this works since there isn't a role=button on the row. I'm reassigning this to you just so you can discuss at the next meeting which I'll be absent from.
@vivekpinto I believe this is happening with JavaScript. In the associated Codepen for the example, JavaScript is being used to manage the focus order and behaviour & also assigning aria-expanded to the cell when necessary.
@vivekpinto
A treegrid is an interactive composite widget, so just like in the tree view, you don't need buttons to operate the tree. When a row has focus, the keyboard commands behave like a ptree view. When a cell is focused, the keyboard commands behave more like a grid.
Does this help answer your question?
