WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: conveying expand/collapse state with details/summary elements

for

From: Graham Armfield
Date: Jun 4, 2020 7:17AM

Hello Wing,

I think that either there is a problem with that particular version of iOS,
or maybe it's the added role attributes that mess things up.

I've just tested an example page (
http://examples.hassellinclusion.com/accordion/details-01.html) with an
iPhone running iOS 13.3. The page contains two simple examples of [summary]
and [details] constructs but there are no roles or other aria attributes
present. On this page I'm finding that Voiceover *does* announce whether
the element is expanded or collapsed.

Perhaps you could try the examples on that page to see if they work for you.

That test page was created to accompany a blog post I wrote last year on
[summary] and [details] -
https://www.hassellinclusion.com/blog/accessible-accordions-part-2-using-details-summary/
. Apart from IE11 and an issue with Firefox/NVDA which has been fixed now
(a Firefox bug) I found that support was fairly good across browsers and
screen readers.


Regards
Graham Armfield

coolfields.co.uk <http://www.coolfields.co.uk/>;
@coolfields <https://twitter.com/coolfields>


On Thu, 4 Jun 2020 at 12:15, Wing Kuet < <EMAIL REMOVED> > wrote:

> Does anyone have a view on conveying the expand/collapse state with
> details/summary elements? I am testing a webpage built by one of our
> clients and I am using VoiceOver with Safari on iOS 12.1.4. The details
> element has a role of 'group' and the summary element has a role of
> 'button' and an aria-expanded attribute set to 'false' initially. However,
> the problem is that VoiceOver announces the button but does not convey the
> state.
>
> Does anyone know of if the expand/collapse state can be conveyed with
> details/summary elements using Safari?
>
>
> Regards,
>
> Wing Kuet
> Accessibility Consultant & Software Tester
> Test Partners Ltd
> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
>
> Regards,
>
> Wing Kuet
> Accessibility Consultant & Software Tester
> Test Partners Ltd
> 020 8102 9500 (switchboard)
> 020 8102 9507 (direct)
> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
> www.testpartners.co.uk<;http://www.testpartners.co.uk>;
>
> > > > >