aria-practices icon indicating copy to clipboard operation
aria-practices copied to clipboard

Accordian guidance and examples using summary/details

Open jongund opened this issue 3 years ago • 3 comments

Currently we do not have any guidance or examples using the html details/summary elements.

jongund avatar Apr 13 '21 16:04 jongund

I was going to post a similar issue, until I saw this one.

The current accordion example doesn't mention details/summary elements.

I know the point of this guide is to specifically explain how to use ARIA properly, but maybe adding some reference material about native browser implementations would help developers make an informed decision about which markup pattern to adopt.

basher avatar Jun 08 '22 13:06 basher

summary/details works perfectly for disclosures, but how do you get heading semantics equivalent to the accordion pattern?

mcking65 avatar Jun 13 '22 04:06 mcking65

summary/details works perfectly for disclosures, but how do you get heading semantics equivalent to the accordion pattern?

It's a shame that we cannot nest a heading inside the summary, so for that reason, I still prefer to use the ARIA example.

basher avatar Jun 13 '22 08:06 basher