WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: aria-controls

for

From: Miriam Fukushima
Date: Jul 7, 2020 6:52AM

I think a jump shortcut to the controlled content and maybe having a
label of some sort read out is what I'd expect.

But as I have seen this kind of more-content-control in different
contexts, where sometimes more plain text, sometimes listitems, more
fields of a filter widget and sometimes more whole articles are added, I
think it is too complicated to specify what was added.


Regards Miriam.

On 07.07.2020 14:46, Jonathan Cohn wrote:
> Of more interest to me, is what would one want if aria-controls had screen reader functionality? Should it give a summary of the changes
> 5 items added to controlled list
> Controlled item no longer exists
> Perhaps some marker in Braille letting one jump to a controlled item much like the "j" in JAWS jumps one to a specific element number and shift J then jumps you back?
>
> What other ARIA markup that uses ids for the value might be worth providing additional controls, and should they be different than what aria-controls would be provided if they did exist?
> Jonathan
> Jonathan Cohn
>
>
>
>> On Jul 7, 2020, at 2:48 AM, Miriam Fukushima < <EMAIL REMOVED> > wrote:
>>
>> Thank you so much for both suggestions!
>>
>> I guess I'll experiment a bit, just in case and if it comes up, to advice to put new content after the control.
>>
>>
>> Have a good day, everyone!
>>
>> Miriam
>>
>> On 06.07.2020 12:31, Birkir R. Gunnarsson wrote:
>>> It's a tricky situation. aria-controls does not rearrange content
>>> order for a screen reader. It merely indicates the relationship
>>> between the button and the content affected by the button (and it has
>>> very limited screen reader support, I think only Jaws exposes it).
>>> I think master Hayden wrote the "aria-controls is poop" article, too
>>> lazy to Google the URL but it's both amusing and he's basically
>>> correct.
>>> Best to change the content order, it's going to be a bit of a fight
>>> with the designersw I suppose.
>>> If not possible, there is another sort of hack.
>>>
>>> You can use aria-owns to rearrange the content, provided you have an
>>> element that owns both the content and the button and that both have
>>> unique id attributes.
>>>
>>> <div aria-owns="b1 c1">
>>>
>>> <div id="c1">I am the content displayed when you press a button</div>
>>>
>>> <button id="b1">I am the button</button>
>>> </div>
>>>
>>>
>>> Jaws shows the button before the content in Chrome, I'm also too lazy
>>> to check other combinations (just got up), but in previous aria-owns
>>> testing this appears to work in Chrome and, I think, Firefox but no
>>> idea about the rest, it won't have universal support.
>>> #NeedCoffee
>>>
>>> On 7/6/20, Miriam Fukushima < <EMAIL REMOVED> > wrote:
>>>> Hello everyone,
>>>>
>>>> I just read about aria-controls and that JAWS doesn't announce it.
>>>>
>>>> I recently saw a button to reveal more content beneath a text.
>>>> When you press it, it slides downwards and reveals more content above
>>>> itself.
>>>> It has aria-expanded and aria-controls.
>>>>
>>>> How would be the recommendation for that kind of control to communicate
>>>> where to find the expanded content?
>>>>
>>>>
>>>> Thank you very much for the input!
>>>>
>>>>
>>>> Regards,
>>>>
>>>> Miriam
>>>>
>>>> >>>> >>>> >>>> >>>>
>> >> >> >> > > > >