E-mail List Archives
Thread: Details Element
Number of posts in this thread: 4 (In chronological order)
From: Jamous, JP
Date: Tue, Aug 23 2016 7:43AM
Subject: Details Element
No previous message | Next message →
Anyone has a good sample on an accessible Details element that opens to show additional information and collapses to return to the link that expanded it?
Thank you.
**************************************************
Jean-Pierre Jamous
Digital Accessibility Specialist & Developer
UI Accessibility Team
The only limitations in life are those we set for ourselves
**************************************************
From: Shane Anderson
Date: Tue, Aug 23 2016 7:51AM
Subject: Re: Details Element
← Previous message | Next message →
Hi JP
There shouldn't be any focus movement with the details element. Activating
the summary element toggles the hide and show behavior. Since the details
and summary elements are not yet fully supported on all browsers they are
rarely used in the wild.
Regards
Shane Anderson
On Tue, Aug 23, 2016 at 9:43 AM, Jamous, JP < = EMAIL ADDRESS REMOVED = > wrote:
> Anyone has a good sample on an accessible Details element that opens to
> show additional information and collapses to return to the link that
> expanded it?
>
> Thank you.
>
>
>
>
> **************************************************
>
> Jean-Pierre Jamous
> Digital Accessibility Specialist & Developer
> UI Accessibility Team
>
> The only limitations in life are those we set for ourselves
>
> **************************************************
>
>
> > > > >
From: Jamous, JP
Date: Tue, Aug 23 2016 8:02AM
Subject: Re: Details Element
← Previous message | Next message →
Thank you Shane.
**************************************************
Jean-Pierre Jamous
Digital Accessibility Specialist & Developer
UI Accessibility Team
The only limitations in life are those we set for ourselves
**************************************************
From: Léonie Watson
Date: Tue, Aug 23 2016 8:41AM
Subject: Re: Details Element
← Previous message | No next message
On 23/08/2016 09:43, Jamous, JP wrote:
> Anyone has a good sample on an accessible Details element that opens to show additional information and collapses to return to the link that expanded it?
>
> Thank you.
>
The <details> and <summary> elements are not well supported by browsers
[1]. If you need a disclosure widget it may be better to create a custom
implementation, using the <button> element and suitable scripting [2].
Léonie.
[1] http://html5accessibility.com/
[2] http://ljwatson.github.io/design-patterns/disclosure1/index.html
--
@LeonieWatson tink.uk Carpe diem