Re: Accordions as tabs

In my opinion, the functionality of an accordion is already present in HTML.
Function: show/disclose information.
Behaviour: click on a "bar/element" and extra information is disclosed.
Without any extra JS/Aria it works out of the box in any evergreen browser.

Lookin to the html tag "details"
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details



On Wed, 21 Feb 2024 at 17:36, Patrick H. Lauke <redux@splintered.co.uk>
wrote:

> On 21/02/2024 14:50, Ms J wrote:
> > Hello
> >
> > I often see controls that work like accordions marked-up with tab roles.
>
> This likely goes back to some rather ... misguided/idiosyncratic advice
> in an early version of the ARIA Authoring Practices Guide (when it was
> still a spec-like document, rather than a resource site). That enshrined
> the old "accordion is an oddly nested tab panel" structure somehow, but
> then moved away from it again (quite rightly) towards a more sensible
> "accordions are just a series of disclosure widgets".
>
> https://www.w3.org/WAI/ARIA/apg/patterns/accordion/
>
> P
> --
> Patrick H. Lauke
>
> * https://www.splintered.co.uk/
> * https://github.com/patrickhlauke
> * https://flickr.com/photos/redux/
> * https://mastodon.social/@patrick_h_lauke
>
>
>

-- 
_______________________________
★ Ing. Jan Enning M.A.

Frontend developer

M: +31 6 26 106 926
Telegram: telegram.me/janenning
E: enning@kleinejan.org
W: http://www.kleinejan.org

https://nl.linkedin.com/in/janenning