Hello, my expectation for aria-owns is that a developer can use it to group controls that are not otherwise grouped in DOM. My understanding is itβs a way to achieve and extend similar functionality as native radio controls using the name attribute. The developer can put radio buttons anywhere on the page but if the name property matches they are grouped together and announced as such in assistive technology. Spec for of aria-owns (which is brief and a little vague): http://www.w3.org/TR/wai-aria-1.1/#aria-owns Here is a test case: <div role="group" id="group"> <h1>Single state inputs with descriptions</h1> <div role="textbox" aria-selected="false" aria-owns="group">Alpha</div> <div>Description</div> <div role="textbox" aria-selected="true" aria-owns="group">Beta</div> <div>Description</div> <div role="textbox" aria-selected="false" aria-owns="group">Gamma</div> <div>Description</div> </div> I would expect the elements with role="textbook" to announce that they are part of a group of three textbooks and state whether or not this textbook is the selected one. Currently VoiceOver does not do this, likely because this information is not added to the accessibility tree. Attaching code for the example above.
<rdar://problem/23606298>
Created attachment 265839 [details] This is the simple test case shown above. Adding the code for the test case in my message above.
Created attachment 265840 [details] Single state input group Attaching and a more complex example usecase for aria-owns. Each item should be announced similarly to a radio group (e.g. number of items in the group, and whether or not the current item is selected).
The aria-owns relationship is backwards in your example. I expect you meant to do this: <div role="radiogroup" aria-owns="r1 r2 r3"> <div role="radio" id="r1">Alpha</div> <div role="radio" id="r1">Beta</div> </div> <!-- this one, too. --> <div role="radio" id="r3">Gamma</div> I would recommend re-filing with the corrected test case, and duping this one out to the new bug.
(In reply to comment #4) > <div role="radio" id="r1">Beta</div> Typo: r1 should be r2, here. <div role="radio" id="r2">Beta</div>
Multiple issues with this bug. Refiled as https://bugs.webkit.org/show_bug.cgi?id=151498 Thanks! *** This bug has been marked as a duplicate of bug 151498 ***