WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: ARIA roles and multiple descendants

for

From: Birkir R. Gunnarsson
Date: May 16, 2020 11:08AM


It's getting better, but I only tested the combinations I mentioned
(Jaws with most recent versions of Edge, Chrome and Firefox).
Edge - almost works, once you open the accordion and close it again
the accordion content is still exposed.
* Chrome and Firefox - works
* IE11 - does not work and never will, but it's time we move past IE11.
Have not had a chance to test on iOS/Android/OSX.


Since the control is exposed by the browser, NVDA should yield the
same result as Jaws.
Since I have a girl who is turning 8 years old today I won't have time
to "muck around" with testing until tomorrow.


On 5/16/20, glen walker < <EMAIL REMOVED> > wrote:
> I had tried using detail/summary in the past and didn't get good results
> across NVDA, JAWS, and VoiceOver with various browsers but it's been a
> while. Have you tested it widely to see if things have gotten better?
>
> On Sat, May 16, 2020 at 3:52 AM Birkir R. Gunnarsson <
> <EMAIL REMOVED> > wrote:
>
>> You can use <details>/</summary> for this
>> <details>
>> <summary>What is an email address?</summary>
>> <p>Glad you asked.</p>
>> </details>
>> The summary element becomes a real button with aria-expanded, the
>> paragraph with "glad you asked" is the content that is
>> displayed/hidden when you toggle the button.
>> Browser handles the displaying or hiding and setting the aria-expanded
>> attribute to match.
>>
>>
>>
> > > > >


--
Work hard. Have fun. Make history.