Using aria-owns with late-mounted descendants

[mpaiva]

I'm creating this issue propose an example to explain how to use the aria-busy to track descendant elements status with aria-activedescendant that relate to ancestors elements through aria-owns.

This detailed example can help web developers keeping track of the loading state of a descendant element, which came to our attention in the ARIA-WG with issues 1970 and 1956 asking us to provide additional language clarification.

I am currently drafting the new language and a code example with appropriate documentation:

https://dev.to/mpaiva/using-aria-owns-with-late-mounted-descendants-nma

Could you please provide some guidance on how to best do this?

[brennanyoung]

The most correct way to do it is to clone this repository, make changes to your own version, and then make a pull request from yours to this one.

[css-meeting-bot]

The ARIA Authoring Practices (APG) Task Force just discussed Using aria-owns with late-mounted descendants.

The full IRC log of that discussion

<jugglinmike> Subtopic: Using aria-owns with late-mounted descendants
<Jem> https://github.com//issues/2771
<jugglinmike> github: https://github.com//issues/2771
<jugglinmike> Matt_King: It seems like the reporter is proposing that we add something to this topic to the APG, but it's not clear
<Jem> https://dev.to/mpaiva/using-aria-owns-with-late-mounted-descendants-nma
<jugglinmike> Matt_King: There isn't a lot of support for aria-busy
<jugglinmike> Matt_King: aria-busy can hide content from the AT while it's true. I've seen situations where aria-busy is set to "true", it makes the page unusable
<jugglinmike> CurtBellew: how does aria-owns play into this?
<jugglinmike> Matt_King: I think a great action would be to read this article
<jugglinmike> Matt_King: We won't be meeting again until September 19. That's a long time to ask the reporter to wait, and they've already been waiting a while
<jugglinmike> jongund: the reporter seems to be conflating (a little bit) aria-selected and aria-activedescendant
<jugglinmike> [the group experiments with the reporter's example]
<jugglinmike> jongund: they may be misusing aria-busy. That attribute should be on the container element
<jamesn> rrsagent, make minutes
<RRSAgent> I have made the request to generate https://www.w3.org/2023/08/29-aria-apg-minutes.html jamesn
<jugglinmike> Matt_King: So, the first list box is under "expected flights"
<jugglinmike> Matt_King: As you scroll through that list, how is aria-busy used?
<jugglinmike> jongund: aria-busy is on each div element with the role "option"
<jugglinmike> Matt_King: What is the purpose of that?
<jugglinmike> jongund: I don't know
<jugglinmike> CurtBellew: JAWS is announcing as the flights are arriving
<jugglinmike> CurtBellew: JAWS had a hard time even finding the version embedded in the page. I had better luck when I opened it in CodePen
<jugglinmike> CurtBellew: I wouldn't necessarily use aria-busy for this; just a live region would be sufficient. But that makes me think that we may be missing the reporter's intention
<jugglinmike> Matt_King: I have a slightly better understanding of what's going on here. I think the article deserves some feedback, but I don't know if they were just looking for feedback or if they would like to incorporate this into APG
<jugglinmike> Matt_King: I think this is an important topic. We should bring it up again in the next agenda
<jugglinmike> Matt_King: If jongund or CurtBellew have time, please comment. I'll do the same
<jugglinmike> Zakim, end the meeting

[jongund]

Thank you for your interest in providing examples on the use of aria-busy.

Some issue that need to be clarified in your example:

1. The listboxes in your example do not have any keyboard support, see the listbox examples for adding keyboard support. [see Select Only Listbox example]https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/]
2. aria-busy should be on the list box container (e.g. role=listbox element), not on the role=option elements.
3. It seems right now the fights are simple lists, what is the advantage of making them a listbox in this example?